/* -- tags start -- */

body{
	font-family: "ＭＳ Ｐゴシック", "Arial",Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
	background:url(../img/common/bkg.gif) no-repeat;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:10pt;
	line-height:11pt;
	letter-spacing:1pt;
	color:#3b3b3b;
}

img{ border:none; }

img.face{
	margin-top:-4px;
	margin-bottom:-3px;
}

a{
	color:#13007c;
	text-decoration:none;
}

a:hover{
	color:#2B4B65;
	text-decoration:underline;
}

h1,h1,h2,h3,h4,div,ul,table,form{ margin:0; }

h1,h2,h3,h4,h5,h6{
	font-family:"MS UI Gothic", "ＭＳ Ｐゴシック","ＭＳ ゴシック", Osaka;
	letter-spacing:normal;
}

table{
	border-spacing:0;
	border-collapse:collapse;
	font-size:10pt;
	border-color:#999999;
}

table td{
	padding:2px;
	border-color:#999999;
}

ul,ol{
	text-align:left;
	margin:10px 0;
	padding-left:27px;
}

dl,dt,dd{
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}


textarea{ font-size:10pt; }

/* -- tags end -- */



/* -- layout start -- */


#container{
	width:800px;
	padding-top:20px;
	margin:0 auto;
}


#head{
	width:678px;
	margin:auto;
	text-align:center;
}

#head h1{
	font-size:18pt;
	line-height:20pt;
	margin-bottom:10px;
}

#head p{
	float:left;
	text-align:left;
}

#head img{
	float:right;
}


#body{
	width:610px;	margin:10px auto;
	padding:20px;
	border:solid 1px #999999;
	line-height:14pt;
	float:left;
}

#body p,#body div{
	text-align:left;
}

h2{
	background:url(../img/common/orange.jpg) repeat-x center center;
	width:389px;
	text-align:center;
	line-height:25px;
	font-size:12pt;
	margin:60px auto 25px auto;
}

.top{
	margin:20px auto 25px auto;
}

h3, h4, h5{
	text-align:left;
	clear:left;
}

h3{
	font-weight:bold;
	padding:1px 10px;
	font-size:12pt;
	margin:30px auto 10px -10px;
	background-color:#ccffcc;
}

h4{
	margin:20px auto -5px auto;
	font-size:11pt;
	color:orange;
}

h5{
	margin:15px auto -5px auto;
}



p#banner{ text-align:center; }

.totop{
	text-align:right !important;
}


#foot{
	clear:both;
	padding-top:7px;
	text-align:center;
	height:30px;
}

#foot p{
	padding-right:60px;
	text-align:right;
	padding-top:7px;
	border-top:solid 1px #999999;
}


/* -- layout end -- */




/* -- contents start -- */


/* head 3 */

.h31,.h32,.h33,.h34{
	padding-left:18pt;
	background:no-repeat;
}

.h31{ background-image:url(../img/common/h3/1.jpg); }

.h32{ background-image:url(../img/common/h3/2.jpg); }

.h33{ background-image:url(../img/common/h3/3.jpg); }

.h34{ background-image:url(../img/common/h3/4.jpg); }




/* decoration */

.color1,.color2{
	font-weight:bold;
	margin:auto 5px;
}

.color1{
	color:red;
}

.color2{
	color:orange;
}

.color3{
	color:#787878;
}

.strong{
	font-weight:bold;
}

.kome{
	color:red;
	margin:auto 3px;
}

.arrow{
	background:url(../img/common/arrow.gif) no-repeat left center;
	padding-left:15px;
}


/* matter */

table.matter{
	width:500px;
}

table.matter,.matter th,.matter td{
	border:dotted 1px #ff9900;
	text-aling:left;
}


/* pc spec */

#spec td,#spec th{
	text-align:center;
	padding:6px;
	border:solid 1px #ffffff;
}

#spec thead th{
	background-color:#8A7653;
}

#spec td{
	background-color:#F8E1B5;
}

#spec td.left{
	background-color:#EBD9AF;
}


/* link */

#link{
	border:solid 2px #cccccc;
	border-collapse:separate;
	border-spacing:1px;
}

#link td,#link th{
	text-align:left;
	padding:5px;
	border:solid 1px #cccccc;
	font-weight:normal;
}


/* bookmark */

#bmark{
	float:right;
	margin:10px auto;
	width:140px;
	border:solid 1px #999999;
}

#bmark h3{
	background:none;
	width:110px;
	font-size:10pt;
	margin:10px 10px 15px 20px;
	padding:0;
	line-height:11pt;
	text-align:left;
}

#bmark ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-left:10px;
}

#bmark li{
	margin:0;
	margin-bottom:15px;
}

#bmark img{
	margin-right:4px;
	margin-bottom:-3px;
}

#bmark img.num{
	margin-top:5px;
}


/* menu */

#menu{
	float:right;
	margin:10px auto;
	width:140px;
	border:solid 1px #999999;
}

#menu h3{
	background:none;
	width:110px;
	font-size:10pt;
	margin:10px 10px 15px 20px;
	padding:0;
	line-height:11pt;
	text-align:left;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-left:10px;
}

#menu li{
	margin:0;
	margin-bottom:15px;
}


/* random banner */

#rbn{
	float:right;
}

#rbn img{
	margin:10px;
}