@charset "UTF-8";

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;		
	font-style: normal;
}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse;
		border-spacing: 0;
}
body {
	font: 13px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	background-color:#fff;
	color:#333;
	background:url(../images/back.png);
	text-align:center;
}
#header:after,
#menu:after,
#footer:after,
#footer ul#site_navi:after,
#header ul#top-tag:after,
#content #nav:after,
.section:after,
.col2:after,
.col3:after,
#adsense:after,
{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
#header,
#menu,
#footer,
#footer ul#site_navi,
#header ul#top-tag,
#content #nav,
.section,
.col2,
.col3,
.section.first,
.section.last
#adsense{
	zoom:1;
}
a:link { color: #0044CC; }
a:visited { color: #0044CC; }
a:hover { color: #f66; }
img { border: 0px; }
img.left { float: left !important; }
img.right { float: right !important; }
strong,b {
	color: #e22;
	font-weight:bold;
}

#container{
	background:#fff;
	width: 800px;
	height: auto;
	margin:0px auto;
	text-align:left;
}

#main{
	width:800px;
	margin:0;
	padding:0;
	background:#fff;
}
#header{
	padding:10px 0 1px; 
	background:#fff url(../images/head-back.png) repeat-x;
	height:106px;
	}
	#header h1{
		float:left;
		width:329px;
		height:105px;
		background: url(../images/logo.png) no-repeat;
		overflow:hidden;
		text-indent:-1000em;
		font-size:130%;
		margin:0 80px 0 0;
	}
		#header h1 a{
			display:block;
			height:105px;
		}
	#header ul#header_menu{
		float:left;
		width:371px;
		margin:33px 0 33px 0;
		padding:0px;
	}
		#header ul#header_menu li{
			float: left;
			height:39px;
			overflow:hidden;
			background:url(../images/g-nav.png) no-repeat;
			text-indent:-1000em;
		}
		#header ul#header_menu li.hazimeni{ width:107px; }
		#header ul#header_menu li.okodukai{ width:156px; background-position-x:-107px;}
		#header ul#header_menu li.affiliate{ width:108px; background-position-x:-263px;}
		#header ul#header_menu li a{
			display:block;
			height:100%;
		}
		#header ul#header_menu li:hover{
			background-position-y:-41px;
		}
#footer{
	margin:30px 0 0 0;
	clear:both;
}
#footer address{
	line-height:2;
	font-size:80%;
	color:#444;
	text-indent:5px;
}
#footer .otomo{
	margin:1.2em 0px 3px 1em;
	font-size:80%;
	color:#bbb;
}
#footer .otomo a{
	color:#bbb;
}



#menu{
	clear:both;
	background:#fff;
	margin:0 0 10px;
	padding:20px 1px;
	border-top: dotted 2px #634018;}
	#menu .section{
		float:left;
		width:266px;
		background:url(../images/menu_back.png) repeat-y;
	}
	#menu .section.last{
		background:none;
	}
		#menu .section h2{
			width:265px;
			height:194px;
			text-indent:-1000em;
		}
		#menu .section#hazimeni h2{	background:url(../images/menu_hazimeni.png) no-repeat }
		#menu .section#okodukai h2{	background:url(../images/menu_okodukai.png) no-repeat }
		#menu .section#affiliate h2{background:url(../images/menu_affiliate.png) no-repeat }
	
	#menu .section h3{
		margin:8px 25px 0;
		font-size:100%;
		color:#333;
		font-weight:bold;
	}
	#menu .section ul{
		margin:0 25px 40px;
		line-height:1.8;
	}
	#menu .section ul a{
		text-decoration:none;	
	}
#content h1{
	padding:30px 43px 5px;
	font-size:140%;
	font-weight:bold;
	color:#79481D;
}
#content h2{
	margin:65px 45px 12px;
	font-size:120%;
	font-weight:bold;
	color:#111;
}
#content h3{
	margin:45px 45px 0px;
	font-size:100%;
	color:#000;
}
#content p{
	margin:0 45px 2.5em;
	font-size:100%;
	line-height:1.8;
	color:#444;
}
#content img{margin:15px 85px 5px;}
#content img.left{margin:2px 1.2em 1.2em 45px;}
#content img.right{margin:2px 45px 5px 20px;}
#content img.step{border:1px solid #aaa;}
#content ul{
	margin:1em 45px 2em;
	line-height:1.8;
	color:#333;
}
#content ul li{
	padding-left:18px;
	background:url(../images/top_arr.png) no-repeat 0px 50%;
}
#content ul li:hover{
	color:#000;
}
#content #nav{
	margin:80px 40px 22px;
	color:#ccc;
	font-size:90%;
}
#content #nav a{
	color:#66f;
	text-decoration:none;
}
#content #nav #next{
	float:right;
	width:360px;
	padding-right:15px;
	margin-right:-10px;
	text-align:right;
	background:url(../images/arr_next.png) no-repeat 100% 50%;
}
#content #nav #prev{
	float:left;
	width:350px;
	padding-left:15px;
	margin-left:-10px;
	text-align:left;
	background:url(../images/arr_prev.png) no-repeat 0px 50%;
}
#content #nav a:hover{
	color:#f00;
}
#content a.more{
	display:block;
	font-size:100%;
	color:#66f;
	text-decoration:none;
	text-align:right;
}
#contnet a.more:hover{
	color:#333;
}
#adsense{
	clear:both;
	margin:45px 36px 25px;
}
#adsense #ga1{
	float:left;
	width:300px;
}
#adsense #ga2{
	float:right;
	width:300px;
}
body#shitumon #content h2{
	margin-top:4em;
}

/* new ------------------------------------------------------------------------*/
#new #container{
	background:#fff;
	width: 850px;
	height: auto;
	margin:0px auto;
	text-align:left;
}
#new #header h1{
	margin-right:130px;
}
#new #main{
	width:850px;
	margin:0;
	padding:0;
	background:#fff;
}
#new #content{
	float:right;
	width:610px;
}
#new #footer address{
	line-height:3;
	text-indent:10px;
	background:
}

#new #menu{
	clear:none;
	float:right;
	width:209px;
	border-right:solid 1px #dfdfdf;
	border-top:none;
	margin:25px 10px;
	}
#new #menu .section{ 
	padding:5px 10px 30px 5px;
}
#new #menu ul a{
	font-size:12px;
	display:block;
	color:#000000;
	text-decoration:none;
	line-height:2.4;
}
#new #menu ul a:hover{
	background:#f1f1f1;
}
#new #menu .section h3{
	font-size:1.1em;
	color:#000000;
	font-weight:bold;
}

#main{
	zoom:1;
}
#main:after{
	contant:"";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;	
]

/* column system -----------------------------------------------------------------*/

.col2 .column{
	width:360px; 
	float:left;
}
.col3 .column{
	width:32%;
	margin-right:2%;
	float:left;
}
.2col .column.first{
	margin-left:0 !important;
	clear:both;
}
.2col .column.last{
	float:right !important;
	margin-right:0 !important;
}