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

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
 
body {
	background: #57312C url(../images/common/bg_renga.gif) repeat;
}

#main {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper #contentsRep {
	background: url(../images/common/bg_rep.png) repeat-x center top;
}
#top #wrapper #contents {
	background: url(../images/top/bg_top_photo.png) no-repeat center top;
	width: auto;
}
#page #wrapper #contents {
	background: url(../images/common/bg_page_photo.png) no-repeat center top;
	width: auto;
}
 
#main {
	background: url(../images/common/bg_light.png) no-repeat center top;
	padding-top: 10px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
}
#nav ul {
	width: 672px;
	margin-right: auto;
	margin-left: auto;
}


#nav ul li {
	width: 224px;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

#nav ul #link-intro a {
	background: url(../images/common/btn_menu_intro.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 103px;
	width: 223px;
}
#nav ul #link-intro a:hover { 
	background: url(../images/common/btn_menu_intro.png) no-repeat 0px -103px;
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
	}
#nav ul #link-bn a {
	background: url(../images/common/btn_menu_bn.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 103px;
	width: 223px;
}
#nav ul #link-bn a:hover { 
	background: url(../images/common/btn_menu_bn.png) no-repeat 0px -103px;
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
	}
#nav ul #link-theme a {
	background: url(../images/common/btn_menu_theme.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 103px;
	width: 223px;
}
#nav ul #link-theme a:hover { 
	background: url(../images/common/btn_menu_theme.png) no-repeat 0px -103px;
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
	}	
	
#nav ul #link-cs span {
	background: url(../images/common/btn_menu_cs.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 103px;
	width: 223px;
}
#article .wakuHead {
	background: url(../images/common/img_waku_head.png) no-repeat center top;
	height: 55px;
}
#article .wakuFoot {
	background: url(../images/common/img_waku_foot.png) no-repeat center bottom;
	height: 35px;
}


#article .contentsArea  {
	background: #FFF url(../images/common/img_waku_rep.png) repeat-y center top;
	padding: 0px 0px 40px;
	color: #FFF;
}
#recochoku {
	background: url(../images/common/bg_light2.png) no-repeat center top;
	padding: 30px 20px 40px;
	clear: both;
}
#recochoku h2 {
	padding-bottom: 10px;
	text-align: center;
}
#recochoku p {
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 3px 3px 3px #000;
	background: url(../images/common/img_dummy.gif);
}


#recochoku .btns {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 30px;
}

#recochoku .btns #app {
	float: left;
	height: 82px;
	width: 260px;
}
#recochoku .btns #app a {
	background: url(../images/common/btn_recochoku_1.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 86px;
	width: 264px;
}

#recochoku .btns #info   {
	float: right;
	height: 82px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
}
#recochoku .btns #info a {
	background: url(../images/common/btn_recochoku_2.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 86px;
	width: 264px;
}

#recochoku .qr {
	text-align: center;
}
#recochoku .qr img { box-shadow: 0px 3px 3px #000;}
#page h1 {
	float: left;
	height: 117px;
	width: 142px;
}
#page #header p {
	padding-top: 15px;
}
#page #header .btnTop {
	text-align: right;
	padding-top: 10px;
}

.innerlink-head {
	padding-top: 20px;
	width: 655px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}