@charset "utf-8";

/* ------------------------------------------------------------ Initialization of the browser style */
html {
	overflow-y: scroll;
}

/* 各ブラウザの独自解釈をリセット*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

body {
	font-size: 12px; /* 基本のフォントサイズ */
	line-height: 16px; /* 基本の行間 */
	margin: 0px;
	padding: 0px;
	/* background-color: #0080FF; */
	background-color: #FFFFFF;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
}

#shadow {
	background-image: url(../images/4s_summer/side_summer.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}

#top_header2 {
	background-image: url(../images/4s_summer/header_bgtop.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 980px;
	/* margin-top: 0px; */
	margin-right: auto;
	/* margin-bottom: auto; */
	margin-left: auto;
	/* float: left; */
	/* padding: 0px; */
	/* background-position: center top; */
}

#top_header2:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#wrapper {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: 50px;
	background-color: #FFFFFF;
	text-align: left;
	border-right-width: thin;
}

/* 汎用CSS
---------------------------------------------------- */
.clear {clear:both;}
.back {text-align:right;padding-top:20px;margin-bottom: 10px;}
.red{ color:#FF0000;}
.orange{ color:#FF9900;}
.pink{
	color:#FF6699
}
.blue{color:blue;}
.img-right{float:right; margin-left:10px;}
.img-left{float:left; padding-right:10px;}
.img-center{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.img-mb{margin-bottom:10px;}
.text-box{padding:0px 10px; margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mlr10{margin-left:10px;margin-right:10px;}
.px9{font-size:9px;}
.px10{font-size:10px;}
.px12{font-size:12px;}
.px14{font-size:14px;}
.line {
	width: 520px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

/* 見出しタグ設定
---------------------------------------------------- */
h1 {
	font-size: 12px;
	color: #999999;
	height: 12px;
	padding-top: 1px;
	text-align: center;
}

h2 { */
	font-size: 12px;
	padding-bottom: 0px;
}

h2 a {
	display:block;
	height: 100px;
	width: 200px;
	text-indent: -9999px;
}

h3 {
	font-size: 12px;
	padding-bottom: 0px;
}

/* ヘッダ
---------------------------------------------------- */
#top_header {
	height: 100px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding: 0px;
	background-image: url(../images/4s_summer/header_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#top_header:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#logo {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/tenpo/logo.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_top {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_top a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_top.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#logo_i {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_i a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/tenpo/logo_i.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_k {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_k a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/tenpo/logo_k.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_s {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_s a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/tenpo/logo_s.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_o {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_o a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/tenpo/logo_o.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_acm {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_acm a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_acm.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_gkm {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_gkm a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_gkm.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_hist {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_hist a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_hist.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_khssk {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_khssk a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_khssk.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_yuyu {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_yuyu a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_yuyu.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_form {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

#logo_form a {
	display:block;
	height: 57px;
	width: 690px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	float: center;
	background-image: url(../images/4s_summer/logo_form.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
}

#logo_top {
	padding-bottom: 0px;
	float: center;
	padding-left: 0px;
	text-align: center;
}

div#fla_css {
	position: relative;
}

div#fla_css div#html-layer {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: none;
	color: #000;
}

#html-layer a {
	display: block;
	height: 57px;
	width: 310px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 35px;
	float: center;
	background-image: url(../images/4s_summer/logo_top2.png);
	background-repeat: no-repeat;
	/* background-color: #FFFFFF; */
	text-indent: -9999px;
	position: absolute;
}

/* ナビゲーショ設定
---------------------------------------------------- */

#g_navi {
	width: 750px;	/* ナビボックス横幅 */
	height:50px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	float: left;
	text-align: center;
	padding-left: 0px;
}

#g_navi ul {
	list-style: none; /* リスト装飾解除*/
	padding-left: 0px;
}
#g_navi li {
	float:left;
}
#g_navi li a {
	text-decoration: none; /* ■Firefox等で線が表示されるのを解除・*/
	display: block;
	height/**/:50px;
	height:0!important;
	overflow:hidden;
	padding-top:50px;/* ■heightと同じ数値を入れる・*/
	width:100%;
	text-indent:-9999px;
}
#g_navi01{ width:150px;}
#g_navi02{ width:150px;}
#g_navi03{ width:150px;}
#g_navi04{ width:150px;}
#g_navi05{ width:150px;}

#g_navi01 a{ background-image:url(images/B01.jpg); }
#g_navi02 a{ background-image:url(images/B02.jpg); }
#g_navi03 a{ background-image:url(images/B03.jpg); }
#g_navi04 a{ background-image:url(images/B04.jpg); }
#g_navi05 a{ background-image:url(images/B05.jpg); }

#g_navi01 a:hover{ background-image:url(images/B01on.jpg); }
#g_navi02 a:hover{ background-image:url(images/B02on.jpg); }
#g_navi03 a:hover{ background-image:url(images/B03on.jpg); }
#g_navi04 a:hover{ background-image:url(images/B04on.jpg); }
#g_navi05 a:hover{ background-image:url(images/B05on.jpg); }

/* コンテンツレイアウト
---------------------------------------------------- */
#contents {
	height: auto;
	width: 750px;
	background-color: #FFFFFF;
	padding-left: 0px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#side {
	float: left;
	width: 210px; /* ナビボックス横幅 */
	height: auto;
	background-color: #FFFFFF;
	padding-left: 10px;
	margin-bottom: 10px;
}

#main_contents {
	width: 510px;
	float:left;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
}

#right {
	width: 365px;
	float: right;
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}

#left {
	width: 365px;
	float: left;
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}

#right2 {
	width: 200px;
	float: right;
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: auto;
	margin-right: 25px;
	margin-bottom: 10px;
}

#left2 {
	width: 500px;
	float: left;
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}

/* フッタ
---------------------------------------------------- */
#footer{
	width: 750px;
	background-color: #50A000;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 25px;
	color: #DDDDDD;
	padding: 0px 0px 0px 0px;
}

.garrely{
	float: left;
	width: 492px;
	margin-bottom: 10px;
	/* background-color: #D2D2D2; */
	padding-bottom: 10px;
}
.garrely table{
	width: 490px;
}
.garrely td.small_ph{
	padding: 2px;
	/* background: #d2d2d2; */
}
.garrely td.small_title{
	padding: 3px;
}
.garrely td.small_ph img{
	margin-top: 2px;
}

#shop_list{
	width: 750px;
	padding-left: 10px;
	float: left;
}
.shop_box{
	display:-moz-inline-block;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:355px;
	text-align: center;
	margin:0px 10px 10px 0px;
	background-position:top;
	vertical-align:top;
	height: auto;
}