@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%; text-align:center;}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }
input,select {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; vertical-align:middle;}
/* 外枠 */
.layout { width:100%;}
.layout-inner {width:920px; margin:0 auto; padding:0; text-align:left;}

#header { float:left;width:895px; padding:0 25px 0 0; background: url(../images/header-bg.gif) repeat-x bottom;}
	#logo { float:left; width:375px; margin:0; padding:0; background:no-repeat; background-position:top;}
		#logo a { display:block; width:370px; height:60px; overflow:hidden; text-indent:-8000em; }
	#header-menu { float:left;width:275px; list-style:none;margin:0; padding:10px 0 0 0;}
		#header-menu li { float:left;width:90px; font-size:10px; margin:0; padding:0; line-height:20px;}
			#header-menu li a { display:block; width:75px; padding: 0 0 0 15px; background: url(../images/header-menu1.gif) no-repeat left; color:#039; text-decoration:none; }
				#header-menu li a:hover {background: url(../images/header-menu2.gif) no-repeat left; color:#534A46; }
	#header-mark { float:left;width:250px; list-style:none;margin:0; padding:0 0 0 25px; color:#FFF; font-size:12px;line-height:20px;background: url(../images/header-mark.gif) no-repeat left;}
	#header-navi { float:right; width:225px; padding:6px 6px 16px 0; margin:10px 0 0 0; background:url(../images/header-navi.jpg) no-repeat center; text-align:center;}
		#header-navi p { margin:0; padding:0; text-align:center; color:#FFF; font-weight:bold; font-size:12px; line-height:18px;}
		#header-navi form { margin:0; padding:0;}
			#header-navi select { width:205px; margin:0 auto; line-height:18px;}
	#tree-navi { margin:0; padding:0 15px; width:610px; clear:both; float:left; clear:left; background: url(../images/tree-navi.jpg) no-repeat #000; background-position:top; height:28px; overflow:hidden; font-size:12px; line-height:28px; color: #FFF;}
		#tree-navi a {color: #FFF;}
#footer { clear:both; width:918px; padding:20px 0; border:1px solid #000; background:#000 url(../images/footer.gif) repeat-x bottom;}
	#footer p { margin:0; padding:0; font-size:10px; text-align:center; color:#FFF;}
		#footer a { color:#FFF; text-decoration:none; padding:0 5px;}
			#footer a:hover{ text-decoration: underline;}

#contents {background: url(../images/contents-bg.gif) repeat-y left; clear:both; width:920px; }
	#contents-inner { width:900px; padding:10px;}

#left { float:left; width:618px; clear:left;}
	
#right { float:right; width:225px; padding:0 16px 0 0;clear:right; }
	#right img { border:none;}

	.menu-title { margin:0 0 4px 0; padding:0; text-align:center; font-size:14px; width:225px; line-height:28px; height:28px; overflow:hidden; background-image: url(../images/menu-title1.jpg); background-position:top; background-repeat:no-repeat;color:#FFF; vertical-align:middle; }
		.menu-title a { display:block; font-size:14px; width:225px; line-height:28px; height:28px; overflow:hidden; background-image: url(../images/menu-title1.jpg); background-position:top; background-repeat:no-repeat; text-decoration:none; color:#FFF; background-color:#423834;}
		.menu-title a:hover {background-image:url(../images/menu-title2.jpg);color:#423834; }
	.menu-title-sub { font-size:12px; color:#333; margin:0; padding:4px; line-height:16px;}
		.home-title-sub a {color:#333; text-decoration:none;}
		.home-title-sub a:hover {color:#423834; text-decoration: underline;}

	#menu-business {padding:0 0 4px 0;}
		#menu-business ul { margin:0; padding:0 4px 4px 4px; list-style:none;}
			#menu-business li { margin:0; padding:0; list-style:none;line-height:20px; }
				#menu-business li a { display: block; width:196px; padding:4px 0 4px 20px; font-size:12px; line-height:20px; background-color:#FFF; border-bottom: 1px solid #E8E3E1; color:#333;  text-decoration:none; background-image:url(../images/detail-link1.gif); background-position:4px ; background-repeat:no-repeat;}
				#menu-business li a:hover {background-color:#E8E3E1;background-image:url(../images/detail-link2.gif);}
	#menu-mobile {padding:4px 0 8px 0;}
			#menu-mobile p { font-size:10px; line-height:16px; margin:0; padding:0;}	
				#home-mobile p a { color:#000; text-decoration:none;}
			#menu-mobile img { float:left; border:none;}
	#menu-qr {padding:4px 0 8px 0;}
			#menu-qr p { font-size:10px; line-height:16px; margin:0; padding:0;}	
				#home-qr p a { color:#000; text-decoration:none;}
			#menu-qr img { float:left; border:none;}
	.menu-ads-s { margin:0 0 20px 0;border:1px dashed #CCC;padding:5px; text-align:center;}
		.menu-ads-s p { color:#666; background:#e9e9e9; padding:2px 4px;margin:0 0 5px 0; text-align:center; font-size:10px; text-align:center;}
		.menu-ads-s ul { margin:0; padding:0; list-style:none;}
			.menu-ads-s li { padding:4px 0; margin:0; text-align:center; display:block; width:220px;}
				#menu-ads-s li img { vertical-align:middle;}
	#menu-orikomi { padding:4px;}
		#menu-orikomi p { margin:0; padding:4px; line-height:16px; font-size:10px;}
			#menu-orikomi p a {display:block; text-align:center;}
				#menu-orikomi p a img { border:1px solid #E8E3E1; padding:1px; display:block; margin:0 auto; width:180px;}
					#menu-orikomi p a:hover img { border:1px solid #744F44;}
		#menu-orikomi hr { display:block; overflow:hidden; height:1px; color:#E8E3E1;width:218px; margin:0; padding:0;}
	#menu-portal {padding:0 0 4px 0;}
		#menu-portal ul { margin:0; padding:0 4px 4px 4px; list-style:none;}
			#menu-portal li { margin:0; padding:0; list-style:none;line-height:20px; }
				#menu-portal li a { display: block; width:196px; padding:4px 0 4px 20px; font-size:12px; line-height:20px; background-color:#FFF; border-bottom: 1px solid #E8E3E1; color:#333;  text-decoration:none; background-image:url(../images/detail-link1.gif); background-position:4px ; background-repeat:no-repeat;}
				#menu-portal li a:hover {background-color:#E8E3E1;background-image:url(../images/detail-link2.gif);}
	.menu-recommend { padding:0 0 5px 0; clear:both;}
		.menu-recommend ul {margin:0; padding:0;}
			.menu-recommend li { margin:0; padding:0; font-size:12px; line-height:20px; display:block; width:225px; clear:both; list-style:none;}
				.menu-recommend li a { display: block; width:223px; padding:2px 0 2px 2px; line-height:16px; background-color:#FFF; border-bottom: 1px solid #E8E3E1; color:#333;  text-decoration:none;}
					.menu-recommend li a:hover { background-color:#E8E3E1;color:#000;}
					.menu-recommend .cb { display:block; width:100px; }
					.menu-recommend img {float:left; padding:1px; margin:1px 4px 0 0; border:1px #CCC solid;}

/* エレメント */
.small { font-size:9px;}
.red { color:#FF0000}
.grey { color:#EEE;}
.green { color:#009966;}
.orange { color:#FF9900;}
.brown { color:#744F44;}
.fl { float:left;}
.fr { float:right;}
.fw { font-weight:bold;}
.tc { text-align:center;}

.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden;}