@charset "utf-8";

/*--------------------------------------
  Default Reset & Base Style Sheet
  Last Update 2007-01-16

  1-1.Universal selector
  1-2.Structure Module
  1-3.Text Module
  1-4.Hypertext Module
  1-5.List Module
  1-6.Edit Module
  1-7.Forms Module
  1-8.Tables Module
  1-9.Image Module
  1-10.Object Module
  1-11.Clear
---------------------------------------*/

/*--------------------------------------
	1-1.Universal selector
---------------------------------------*/

* {
	margin: 0; 
	padding: 0;
	line-height: 130%; 
	color: #000000;
}

/*--------------------------------------
	1-2.Structure Module
---------------------------------------*/

body {
	background-color: #fff;

	/*
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 0.10.0
	*/

	font-size: small;
}

/*--------------------------------------
	1-3.Text Module
---------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0; 
}

pre {
	padding: 0.5em 10px; 
	border: 3px solid #eee;
	width: auto;
	_width: 95%;
	overflow: scroll;
	color: #3d4263;
	font-family: "Osaka|", monospace;
}

pre[title]::before {
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: black;
	background-color: #eee;
}

blockquote {
	margin: 1.5em 20px 1.5em 40px;
	padding: 1px; 
	background-color: #eee;
}

blockquote * {
	color: #888;
}

blockquote[title]::before {
	margin: 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title); 
	background-color: #fff; 
}

blockquote[cite]::after {
	padding: 0.1em 20px;
	display: block; 
	content: attr(cite);
	color: #333333;
	text-align: right;
}

cite {
	display: block;
	color: #333333;
	text-align: right;
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	color: #ff4500;
	font-weight:bold;
}

code {
	font-family: "Osaka|", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka|", monospace;
	text-transform: uppercase;
}

.red{
	color:#FF0000;
}

.bold{
	font-weight:bold;
	}
	
.orange{
	color: #FC694D;
}

.12{
	font-size:12px;
	}

.pink{
	color: #FF3366;
}

.fs10{
	font-size: 10px;
}

#wrapper #main .last{
	margin: 0;
}
/*--------------------------------------
	1-4.Hypertext Module
---------------------------------------*/

a:link {
	color: #0088CC;
	line-height: 130%;
	text-decoration: none;
}

a:visited {
	color: #0088CC;
	text-decoration: none;
}

a:hover {
	color: #0088CC;
	text-decoration: underline;
}

/*--------------------------------------
	1-5.List Module
---------------------------------------*/

ul,
ol,
dl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*--------------------------------------
	1-6.Edit Module
---------------------------------------*/

del {
	color: #666666;
	text-decoration:	line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"€00524a€009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	}

ins[datetime]::before {
	content: " ( "attr(datetime)"€004fee€006b63) ";
}
hr {
	margin: 0;
	padding: 0;
	border: none;
	display: none;
}


/*--------------------------------------
	1-7.Forms Module
---------------------------------------*/

form {
	margin: 0;
	padding: 0; 
}

input,
textarea {
	padding: 0.1em 0.5em;
	font-size:14px;
}
select {
	font-size:12px;
	margin: 0;
	padding: 0; 
}

input {
	line-height: 1.2;
}

input:focus,
textarea:focus {
	background-color:#FFFFCC;
}

textarea {
	font-size: 100%;
	padding: 0.4em 8px;
}

/*--------------------------------------
	1-8.Tables Module
---------------------------------------*/
/*
table {
	margin: 0 20px 0.5em 20px;
	border: 1px solid #aaa;
	background-color: #eee;
	font-size: 90%;
}
*/

caption {

}

th,
td {
	padding: 5px;
}
/*
th {
	color: #fff;
	background-color: #999;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}
*/
/*--------------------------------------
	1-9.Image Module
---------------------------------------*/

img {

}

a img {
	text-decoration:none;
	border:none;
}

a:hover img {
	text-decoration:none;
	border:none;
}

.mr10 {
	margin:10px 0;
	}

.mrt10 {
	margin-top:10px;
	}
	
.mri10 {
	margin-right:10px;
	}
	
.mrb10 {
	margin-bottom:10px;
	}

.mle10 {
	margin-left:10px;
	}

/*--------------------------------------
	1-10.Object Module
---------------------------------------*/

object,
embed {
	margin: 1em 20px;
}

/*--------------------------------------
	1-11.Clear
---------------------------------------*/
.pause {
 clear: both;
}

/*080818’ljÁ*/
.clear {
	clear:both;
	}
	
.clear hr {
	display:none;
	}

/*081009’ljÁ*/
.block {
	display:block;
	}

/*--------------------------------------
	layout
---------------------------------------*/
#container {
	width:800px;
	margin: 0 auto;
	padding: 0;
	}
	
#wrapper{
	width:100%;
	border-top: 6px solid #6B6B6B;
	background: #F5F6F8 url(../images/bg.jpg) repeat-x 0 0;
}

#comment{
	width: 100%;
}

#comment dt,
#comment dd,
#footer-pr table,
address{
	width: 960px;
	margin: 0 auto;
}

#comment dt{
	padding: 5px 5px 5px 5px;
}

#comment dd{
	padding: 20px 0 0 0;
}

#comment img{
	float: left;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before{
content:"";
top:13px; /* controls vertical position */
left:-26px; /* value = - border-left-width - border-right-width */
position:absolute;
bottom:auto;
border-width:12px 26px 12px 0;
border-style:solid;
border-color:transparent #DADADA;
}

/* creates the smaller  triangle */
.triangle-border:after{
content:"";
top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
left:-21px; /* value = - border-left-width - border-right-width */
position:absolute;
bottom:auto;
border-width:9px 21px 9px 0;
border-style:solid;
border-color:transparent #F7F8F9;
}

.triangle-border{
position:relative;
padding:10px 0 10px 15px;
margin:0 0 20px 80px;
border:2px solid #DADADA;
color:#333333;
background:#F7F8F9;
width: 855px;
 /* css3 */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#footer{
	width: 100%;
	background-color: #000000;
}

#footer-pr{
	width: 100%;
	background-color: #292929;
	padding: 10px 0 10px 0;
	margin: 5px 0 0 0;
}

#footer-pr dt{
	font-weight: bold;
	color: #CCCCCC;
}

#footer-pr a:link {
	color: #CCCCCC;
	line-height: 130%; 
	text-decoration: none;
}

#footer-pr a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#footer-pr a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

#footer-pr td{
	vertical-align: top;
}

#footer-pr table{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #666666;
	font-size: 12px;
	padding: 10px 0 10px 15px;
}

address{
	text-align: right;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px 0 15px 0;
}