/* 共通設定
---------------------------------------------------- */

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

body{
	font:13px/1.5 "メイリオ", Meiryo, "小塚ゴシック Pro R", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Arial, verdana, sans-serif;
    *font-size:small;
    *font:x-small;
	color: #333;
	background-color:#ddd;
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
.clearfix {zoom:1;/*for IE 5.5-7*/}

a {	text-decoration:none;color:#36F; }
a:hover { text-decoration:underline;color:#6CF; }
a img{
background:none!important;
}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

/* ページ設定
---------------------------------------------------- */
#wrapper{
	width:810px;
	margin:0 auto;
	padding:0 10px;
	background-color:#fff;
	-webkit-box-shadow: 0 0 5px 5px #c3c3c3;
	-moz-box-shadow: 0 0 5px 5px #c3c3c3;
	 box-shadow: 0 0 5px 5px #c3c3c3;
}

h1{
	height:30px;
	margin:0 10px 18px;
	padding:30px 20px 17px;
	border-bottom:dotted 2px #ccc;
	font-size:24px;
	line-height:30px;
	text-shadow: 0px 1px 2px #eee;
}

#contents{
	width:790px;
	margin-top:10px;
}
#contents .main_img{
	width:774px;
	padding:8px;
	margin-bottom:30px;
	border:solid 1px #ddd;	
	background-color:#fff;
	-webkit-box-shadow: 2px 1px 1px 1px #eee;
	-moz-box-shadow: 2px 1px 1px 1px #eee;
	 box-shadow: 2px 1px 1px 1px #eee;
}
#contents #main_img img{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
#contents h2{
	margin:0 15px 25px 0;
	padding:5px 10px 1px;
	border-radius:0 10px 10px 0;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 1px 2px #666;	
}
#contents .content{
	margin-right:15px;
}
#contents p{
	margin-bottom:1em;	
}
#contents ul{
	margin:40px 0 0 30px;			
}
#contents ul li{
	margin:12px 0;
	padding-left:1em;
	border-left:solid 4px #666;
	line-height:1.2em;	
}
#contents ul li a:hover{
	color:#666;
}

#nav{
	width:790px;
	height:40px;
	background:#4D4D4D;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
}



#nav ul{ background:#03C;}


#nav li{
	list-style:none;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	width:156px;
	height:40px;
	float:left;
	text-align:center;
}
#nav li a{
	color:#FFF;
	display:block;
	width:156px;
	height:30px;
	_height:40px;
	padding-top:10px;
	text-decoration:none;
	list-style:none;
}


#nav li a:hover{
  background-color: #808080;
  color: #FFF;
}







#footer{
	padding:40px 0 15px;
	clear:both;
}
#footer p{
	padding:10px 0 8px;
	background-color:#ddd;
	text-align:center;
	color:#666;
}

/* ページ詳細設定 (６種)
---------------------------------------------------- */

/* #img_desk */
#img_desk #contents h2{
	background-color:#096;
	color:#fff;
}
#img_desk #contents ul li a{
	color:#096;
}
#img_desk #nav dt{
	border-bottom:solid 3px #096;
	background-color:rgba(0, 153, 102, 0.6);
	color:#fff;
}

/* #img_caffee */
body#img_caffee{
	background:url(images/bg_caffee.png) repeat;
}
#img_caffee #contents h2{
	background-color:#c2594f;
	color:#fff;
}
#img_caffee #contents ul li a{
	color:#c2594f;
}
#img_caffee #nav dt{
	border-bottom:solid 3px #c2594f;
	background-color:rgba(234, 163, 159, 0.7);
	color:#fff;
}

/* #img_hana */
body#img_hana{
	background:url(images/bg_hana.png) top repeat-x;
}
#img_hana #contents h2{
	background-color:#8fb7d8;
	color:#fff;
}
#img_hana #contents ul li a{
	color:#e3526e;
}
#img_hana #nav dt{
	border-bottom:solid 3px #d4797f;
	background-color:rgba(227, 82, 110, 0.2);
	color:#e3526e;
	text-shadow: 0px -1px 2px #fff;
}

/* #img_railroad */
body#img_railroad{
	background:url(images/bg_railroad.png) top repeat-x #cfe8f4;
}
#img_railroad #contents h2{
	background-color:#00a0e9;
	color:#fff;
}
#img_railroad #contents ul li a{
	color:#00a0e9;
}
#img_railroad #nav dt{
	border-bottom:solid 3px #00a0e9;
	background-color:#B2EFFE;
	color:#666;
	text-shadow: 0px -1px 2px #fff;
}

/* #img_sea */
body#img_sea{
	background:url(images/bg_sea.png) 10% bottom no-repeat #e0eaee;
}
#img_sea #contents h2{
	background-color:#253943;
	color:#FEFEF9;
	text-shadow: 0px 1px 2px #aaa;
}
#img_sea #contents ul li a{
	color:#00a0e9;
}
#img_sea #nav dt{
	border-bottom:solid 3px #114B93;
	background-color:#479593;
	color:#fff;
	text-shadow: 0px 1px 2px #666;
}

/* #img_woman */
body#img_woman{
	background:url(images/bg_woman.png) bottom repeat-x #f29c9f;
}
#img_woman #contents h2{
	background-color:#444;
	color:#fffbf1;
	text-shadow: 0px 1px 2px #aaa;
}
#img_woman #contents ul li a{
	color:#CA5F88;
}
#img_woman #nav dt{
	border-bottom:solid 3px #444;
	background-color:#CA5F88;
	color:#fff;
	text-shadow: 0px 1px 2px #666;
}