/*青*/
/*-------------------------------
	all
-------------------------------*/
*{
	margin:0px;
	padding:0px;
	font-style:normal;
}
img{
	border:0px;
}
body{
	position:relative;
	width:800px;
	margin:18px auto;
	text-align:center;
	font-size:84%;
	background:url("../img/bg_race.gif") repeat-x;
}
@font-face{
	font-family:Sunrise;
	src:url(../font/WaitingfortheSunrise.ttf) format("TrueType");
}
@font-face{
	font-family:Metrophobic;
	src:url(../font/Metrophobic.ttf) format("TrueType");
}
@font-face{
	font-family:JosefinSans;
	src:url(../font/JosefinSans-Regular.ttf) format("TrueType");
}
div#wrap{
	width:800px;
	text-align:left;

}
div#contents{
	width:800px;
	float:left;
}
ul{
	list-style-type:none;
}
a	{color:#000;}
a:hover	{color:#966;}
span.bli{
	width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
}
.adj{
	clear:both;
}
p.tx_normal{
	margin-bottom:20px;
	line-height:18px;
}
p.tx_mgn20_0{
	margin:20px 0;
	line-height:18px;
}
p.tx_mgn10_0{
	margin:10px 0;
	line-height:18px;
}

.tx_tit01{
	display:block;
}
.explain{
	text-align:left;
	font-size:.8em;
}
.pickup01{
	clear:both;
	line-height:18px;
	border:1px dotted #999;
	padding:10px;
	margin:5px 0 10px 0;
}
.red	{ color:#900; }
.red2	{ color:#c33; }
.blue	{ color:#36c; }
.yellow	{ color:#cc3; }
.orenge	{ color:#f60; }
.green	{ color:#393; }
.brown	{ color:#c96; }

/*-------------------------------
	header
-------------------------------*/
header{
	display:block;
}
header h1 a{
	display:block;
	height:33px;
	margin:20px 0px;
	text-decoration:none;
	color:#333;
}
/*-------------------------------
	main
-------------------------------*/
section#main{
	display:block;
	width:590px;
	float:left;
}
section#main h2{
	position:relative;
	bottom:0;
	padding:20px 0 18px 40px;
	margin:0 0 10px 0;
	background:url("../img/h2_bg.png") center bottom no-repeat;
}
section#main h3{
	font-size:100%;
	width:554px;
	background:#000 url("../img/icn_03.gif") 10px center no-repeat;
	color:#fff;
	padding:5px 10px 5px 28px;
	margin:0 0 10px 0;
}
section#main h3,
section#main h4{
	clear:both;
}

section#main blockquote.wid100{
	width:570px;
	float:left;
	display:block;
	vertical-align:top;
	margin:2px 0px 20px 0px;
	padding:20px 0px 20px 20px;
	background:#faf6ec;
	border:#eae4d2 solid 1px;
}

section#main blockquote.wid80{
	width:375px;
	display:inline-block;
	margin:15px 0px 15px 15px;
	padding:20px 0px 20px 20px;
	background:#faf6ec;
	border:#eae4d2 solid 1px;
	overflow-x:scroll;
}
section#main div.wid100{

	margin:2px 0px 20px 0px;
	padding:20px 0px 20px 20px;
	border:#ccc solid 1px;
}

section#main table.row2{
	clear:both;
	width:100%;
	margin:10px 0px;
	border-collapse: collapse;
}
section#main table.row2 th,td{
	padding:7px 0px 7px 5px;
	border:#ccc solid 1px;
	line-height:1.3em;
}
section#main table.row2 th{
	background:#c2cbe4;
}
section#main table.row2 td.td01{
	background:#e7e9ed;
	width:150px;
}
section#main table.row2 td.td02{
	background:#f2f2f2;
}


section#main table.row3{
	width:545px;
	margin:20px 0px;
	border-collapse: collapse;
}
section#main table.row3 th,td{
	padding:7px 0px 7px 5px;
	border:#ccc solid 1px;
}
section#main table.row3 th#th01{
	width:150px;
	background:#c2cbe4;
}
section#main table.row3 th#th02{
	width:150px;
	background:#e0e0e0;
}
section#main table.row3 th#th03{
	width:245px;
}
section#main table.row3 td.td01{
	background:#e7e9ed;
}
section#main table.row3 td.td02{
	background:#f2f2f2;
}


/*-------------------------------
	Several common style
-------------------------------*/

.FigureStyle01{
	float:left;
	display:block;
	margin:15px 0;
	padding:15px;
	width:560px;
	border:1px solid #ddd;
}
.FigureStyle01 figcaption{
	font-size:85%;
	line-height:20px;
}

.FigureStyle02{
	display:inline-block;
	vertical-align:top;
	margin:15px 0;
	padding:15px;
	width:140px;
	border:1px solid #ddd;
}
.FigureStyle02 figcaption{
	font-size:85%;
	line-height:20px;
}

.FigureStyle03{/*横並びにするとき*/
	float:left;
	display:block;
	margin:15px 10px 15px 0;
	padding:15px;
	width:140px;
	border:1px solid #ddd;
}
.FigureStyle03 figcaption{
	font-size:85%;
	line-height:20px;
}
.FigureStyle04{/*普通に画像とキャプションを載せたいとき*/
	text-align:center;
	display:block;
	margin:15px 0;
	padding:15px;
	width:560px;
	border:1px solid #ddd;
}
.FigureStyle04 figcaption{
	font-weight:bold;

}
.FigureStyle05{/*単純に画像を挿絵として入れたいとき*/
	float:left;
	display:inline-block;
	margin:0 15px 15px 0;
}

.DlStyle01{
	margin:5px 0 10px 0;
}
.DlStyle01 dt{
	padding:5px 10px 5px 25px;
	background:#ccc url("../img/icn_arrow02.png") 10px center no-repeat;
}
.DlStyle01 dd{
	padding:5px 10px;
	background:#efefef;
}
.OlStyle01{
	list-style-type:none;
}

.DlStyle02{
	margin:5px 0 10px 0;
}
.DlStyle02 dt{
	padding:5px 0 5px 25px;
	border:1px dotted #ccc;
	background:#f0f0f0 url("../img/icn_arrow02.png") 7px center no-repeat;
}
.DlStyle02 dd{
	border-right:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px 10px;
	margin:0 0 12px 0;
}
.OlStyle02{
	list-style-type:none;
}


.TitStyle01{
	font-size:100%;
	padding:5px 0px 5px 18px;
	margin:10px 0px;
	border-bottom:3px solid #404040;
	background:url("../img/icn_02.gif") center left no-repeat;
}

.TitStyle02{
	color:#000;
	padding:4px 0 4px 20px;
	font-weight:bold;
	background:url("../img/icn_06.gif") left center no-repeat;
	border-bottom:1px dotted #999;
}

/*-------------------------------
	side
-------------------------------*/
aside{
	display:block;
	width:176px;
	margin-left:10px;
	padding:10px;
	float:left;
	border:1px solid #000;
}
aside h2{
	font-family:Metrophobic;
	width:176px;
	font-size:110%;
	color:#333;
	margin:5px 0px;
	padding:0 0 7px 0;
	background:url("../img/h2_bg.gif") bottom center repeat-x;
}
aside h3{
	font-family:Metrophobic;
	font-size:90%;
	color:#666;
	padding:0 0 2px 13px;
	background:url("../img/icn_arrow03.gif") 0 3px no-repeat;
}

aside nav ul li a{
	color:#fff;
	padding:4px 0px 0px 10px;
	display:block;
	text-decoration:none;
	width:165px;
	height:21px;
	margin-bottom:4px;
	background:#000 url("../img/icn_arrow03.png") right bottom no-repeat;
}
aside nav ul li a:hover{
	color:#fff;
	background:#5a192c url("../img/icn_arrow03.png") right bottom no-repeat;
}

.index #bt_index a,
.css01 #bt_css01 a,
.css02 #bt_css02 a,
.css03 #bt_css03 a,
.tips01 #bt_tips01 a,
.seo01 #bt_seo01 a,
.useful #bt_useful a {
	background:#c42f5a url("../img/icn_arrow03.png") right bottom no-repeat;
}



#link_in dt{
	position:relative;
	padding-left:15px;
	line-height:1.2em;
}

#link_in dt:before{
	content:"";
	border-width:5px 0 5px 7px;
	border-style:solid;
	border-color:transparent transparent transparent #000 ;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-5px;
}
#link_in dd{
	color:#999;
	font-size:10px;
	margin:5px 0 10px;
}
#bn_ad_linestamp a:hover{
	opacity:.5;
}
aside figure{
	display:block;
	padding:10px 0px;
	margin:10px 0px;
	width:176px;
	text-align:center;
	border:#ccc solid 1px;
}
aside blockquote#bl_shutten{
	display:block;
	padding:10px 0px;
	margin:10px 0px;
	width:176px;
	text-align:center;
	border:#ccc solid 1px;
}
aside small{
	display:block;
	padding:7px 0px;
}
/*-------------------------------
	footer
-------------------------------*/
footer{
	display:block;
	clear:both;
	height:50px;
	text-align:right;
}