@charset "utf-8";
/* CSS Document */

/*=============================共通設定=============================*/

*{
	margin						:0;
	padding						:0;
}

body{
	/*text-align				:center;	IE6対策*/
	font-family					:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size					:12px;
	line-height					:1.5;
	color						:#333;
	background-color			:#3A3A3A;
	background:url(../image/common/bg01.gif);
}

img{
	border						:none;
	margin:0;
	padding:0;
}
ul,ol{
	margin:0;
	padding:0;
}
li{
	list-style-type				:none;
	margin:0;
	padding:0;
}
li img{
	float:left;
}
a:link{
	color						:#FFF;
	text-decoration				:none;
}

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

a:hover{
	color						:#F30;
	text-decoration				:none;
}

a:active{
	color						:#F30;
	text-decoration				:none;
}


.blue_a a:link{
	color						:#69F;
	text-decoration				:none;
}

.blue_a a:visited{
	color						:#69F;
	text-decoration				:none;
}

.blue_a a:hover{
	color						:#FF0;
	text-decoration				:none;
}

.blue_a a:active{
	color						:#FF0;
	text-decoration				:none;
}

.blue_a2 a:link{
	color						:#00F;
	text-decoration				:none;
}

.blue_a2 a:visited{
	color						:#00F;
	text-decoration				:none;
}

.blue_a2 a:hover{
	color						:#F00;
	text-decoration				:none;
}

.blue_a2 a:active{
	color						:#F00;
	text-decoration				:none;
}


.l{
	text-align					:left;
}

.c{
	text-align					:center;
}

.r{
	text-align					:right;
}
.left{
	float:left;
}
.right{
	float:right;
}
table{
	border-collapse				:collapse;
}
.clearfix { display: inline-block; }   
.clearfix:after {   
	 clear						:both;   
	 content					:" ";   
	 display					:block;   
	 font-size					:0;   
	 height						:0;   
	 visibility					:hidden;   
}
.clear{
	clear:both;
}
/* start commented backslash hack \*/  
* html .clearfix {
	height						:1%;
}   
.clearfix { display: block; }   
/* close commented backslash hack */

textarea{
	font-size:12px;
}

.size10{
	font-size:10px;
}

.size12{
	font-size:12px;
}
.red{
	color:#FF0000;
}

.w100p{
	width:100%;
}

/*=============================レイアウト設定=============================*/

#container{
	margin						:0 auto;
	width						:1000px;
}

#header ul{
	float:right;
}
#header li{
	float:left;
}
#header .left{
	float:left;
}
#header a{
	display:block;
	height:42px;
}

#header .logo{width:239px;}
#header .faq{width:53px;}
#header .link{width:51px;}
#header .sitemap{width:75px;}
#header .privacy{width:121px;}
#header .coporat{width:148px;}
#header .contact{width:99px;}

#inner{
	background:url(../image/common/line.gif) repeat;
	padding:0 20px 0 20px;
	width:960px;
	color:#FFFFFF;
}

#main{
	clear:both;
	margin:0 0 30px 0;
}
#top_navi{
	padding:0 0 8px 0;
	border-bottom:solid #FFFFFF 1px;
}
#top_navi li{
	float:left;
}
#side_navi{
	float:left;
	width:220px;
}

#side_navi li{
	clear:both;
}
#side_banner{
	clear:both;
	margin:60px 0 0 0;
}
#side_copyright{
	clear:both;
	margin:10px 0 0 4px;
	font-size:10px;
}
#contents{
	float:left;
	width:730px;
	padding:0 0 20px 0;
}

/* Basic code - don't modify */
 
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 189px; }

/* Everything else is theming */

#nav ul { top: 32px; }

h2{margin:16px 0 4px 0;}