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

*{
	color:#666666;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", Hiragino Kaku Gothic Pro, Osaka, "MS Pゴシック", sans-serif;
}


/*-------------------
	Clear Fix
------------------- */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*-------------------
	初期設定
------------------- */
html,
body{
	height:100%;
}

html{
	overflow-y:scroll;
}


html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 

body{
	font-size: 62.5%;
	word-wrap: break-word;
	line-height:180%;
	font-size:0.75em;
	background:#eaf6f5;
	background-image:url(../../images/common/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

ul li {
	list-style-type:none;
}
a img {
	border:0;
}

a:link, a:visited, a:active {
	 color: #2c649f;
	 text-decoration: none;
}

a:hover, .footer:hover {
 text-decoration: underline;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}
pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}


/*-------------------
	レイアウト
------------------- */
#wrap{
	width:840px;
	background-color:#fffdf3;
	margin: 0 auto;
	text-align:left;
}

#container{
	width:783px;
	margin: 0 auto;
}

#header{
	height:112px;
}

#gnavi{
	clear:left;
	height:30px;
	background-image:url(../../images/common/navibg.jpg);
	background-repeat:no-repeat;
}

#mainimg{
	height:300px;
}

#content{
}

#side{
	float:left;
	width:240px;
	height:168px;
	margin:0px 0px 0px 0px;
	background-image:url(../../images/common/sidebg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#main{
	float:left;
	width:543px;
	margin:0px 0px 0px 0px;
}

#footer{
	clear:left;
	height:65px;
	text-align:center;
	font-size:0.8em;
	padding-top:10px;
}




/* ---------------　共通部分　詳細　------------------ */

/* ----　ヘッダー　---- */
#header h1{
	float:left;
}
#header h1 a{
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}

#header h1{
	width:345px;
	height:70px;
	margin:20px 0px 0px 0px;
}
#header h1 a{
	background-image:url(../../images/common/logo.jpg);
	width:345px;
	height:70px;
}

#header ul{
	float:left;
	height:26px;
	margin:44px 0px 0px 170px;
}
#header ul li{
	float:left;
	height:26px;
}
#header ul li a{
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}

#header ul li.english{
	width:61px;
	margin:0px 0px 0px 0px;
}
#header ul li.english a{
	background-image:url(../../images/common/english_btn.jpg);
	width:61px;
	height:26px;
}
#header ul li.shopping{
	width:197px;
	margin:0px 0px 0px 10px;
}
#header ul li.shopping a{
	background-image:url(../../images/common/shopbtn.jpg);
	width:197px;
	height:26px;
}

/*----ナビゲーション----*/
#gnavi ul li{
	height:20px;
	float:left;
}
#gnavi ul li a{
	height:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#gnavi ul li a:hover{
	background-position:0 -20px;
}

#gnavi ul li.navi1{
	width:55px;
	margin:5px 0px 0px 11px;
}
#gnavi ul li.navi1 a{
	background-image:url(../../images/common/navi01.jpg);
	width:55px;
}

#gnavi ul li.navi2{
	width:80px;
	margin:5px 0px 0px 7px;
}
#gnavi ul li.navi2 a{
	background-image:url(../../images/common/navi02.jpg);
	width:80px;
}

#gnavi ul li.navi3{
	width:155px;
	margin:5px 0px 0px 8px;
}
#gnavi ul li.navi3 a{
	background-image:url(../../images/common/navi03.jpg);
	width:155px;
}

#gnavi ul li.navi4{
	width:100px;
	margin:5px 0px 0px 7px;
}
#gnavi ul li.navi4 a{
	background-image:url(../../images/common/navi04.jpg);
	width:100px;
}

#gnavi ul li.navi5{
	width:85px;
	margin:5px 0px 0px 5px;
}
#gnavi ul li.navi5 a{
	background-image:url(../../images/common/navi05.jpg);
	width:85px;
}

#gnavi ul li.navi6{
	width:140px;
	margin:5px 0px 0px 7px;
}
#gnavi ul li.navi6 a{
	background-image:url(../../images/common/navi06.jpg);
	width:140px;
}

#gnavi ul li.navi7{
	width:100px;
	margin:5px 0px 0px 5px;
}
#gnavi ul li.navi7 a{
	background-image:url(../../images/common/navi07.jpg);
	width:100px;
}


/* ----　メイン画像　----- */
#mainimg h2{
	background-image:url(../../images/common/mainimg.jpg);
	background-repeat:no-repeat;
	width:783px;
	height:300px;
	text-indent:-9999px;
}
/* ----　サイド　----- */
/*サイドボタン*/
#side ul{
	margin:200px 0px 0px 40px;
}

#side ul li.vo_link{
	margin:0px 0px 0px 10px;
}
#side ul li.vo_link a{
	color:#666666;
	font-weight:bold;
	font-size:1.2em;
}

#side ul li.toroku_btn,
#side ul li.toroku_btn a{
	width:157px;
	height:92px;
}
#side ul li.toroku_btn{
	margin:0px 0px 0px 0px;
}

.index #side ul li.toroku_btn{
	margin:40px 0px 0px 0px;
}
/*サイドボタン*/

/* ----　メイン　---- */


/* ----　フッター　---- */
#footer a{
	color:#666666;
}




*html #side,
*html #main,
*html #header h1,
*html #header ul,
*html #header ul li,
*html #gnavi ul li{
	display:inline;
}


*html #footer a:hover,
*:first-child+html #footer a:hover{
	text-decoration:underline;
}