@charset "utf-8";

/*
Description: Styles for PC
Version: 1.2
Author: Gota
*/


/* =====================================================================
     基本設定（全体サイズ、色、リンクなど）
====================================================================== */
html,body {margin:0; padding:0; font-size:13px; webkit-text-size-adjust: none; width:100%; height:100%;}

/*　以下の一行はグローバルメニュー2を使わない場合は消してもよい　*/
html {overflow-x: hidden; overflow-y: scroll;}

/*　全体の横幅・中央揃え　背景の配置*/
div.index_main {
}

/*　リンクの配色　*/
a{text-decoration:none; color:#0066FF; -webkit-tap-highlight-color:rgba(255,153,102,1);}

a:link {
    color:#0066FF;
    font-style:normal;
    text-decoration:underline;
}
a:visited {
    color:#0066FF;
    text-decoration:underline;
}
a:hover {
    color:#0033FF;
    font-style:normal;
    text-decoration:underline;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}
a:active {
    text-decoration:none;
}


/*　リンククリック時に出る点線枠を消す　*/
a:focus { outline:none;}

/*　画像リンクの場合に周りにシャドウをかける　*/

/*a > img:hover {box-shadow: 0 0 6px #999999;}*/


/*	親要素全体をリンクにする（スマホサイト向け）  */
.big_link {z-index:998;}
.big_link a {display:block; -webkit-tap-highlight-color:rgba(255,153,102,1); position:absolute; left:0; top:0; height:100%; width:100%; text-align:left; text-indent:-999px; z-index:999;}


/*	clearfix  */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*　要素の存在を無くす　*/
.disnon {display:none;}

/*　要素を隠す（見えなくする）　*/
.hidden {visibility: hidden;}




/* =====================================================================
     body構成	：大枠のマージン等はここで記述
====================================================================== */
/*ヘッダー・フッター*/
div.header {width:100%; height:auto;}
div.footer {width:100%; height:auto;}

/*メインカラム(部品のパッケージ部分・センタリングしている)*/
div.contents {
	width: 600px; 
	height: 830px;/*--あとで消すかも--*/
	margin: 0 auto;
	position: relative;
}


/* =====================================================================
     ヘッダー
====================================================================== */
/*
 * グローバルメニュー
 */

/*パターン1：通常のグローバルメニュー*/
div.header ul.global_menu {width:100%;}
	div.header ul.global_menu li {background:#efefef; width:193px; float:left; line-height:24px;}
	div.header ul.global_menu li:hover {background:#ff33cc;}

/*パターン2：画面いっぱいに帯があるグローバルメニュー*/
div.header ul.global_menu2 {width:100%; margin: 10px -500% 0; padding: 10px 500%; overflow:hidden; background:#ffdddd;}
	div.header ul.global_menu2 li {background:#efefef; width:193px; float:left; line-height:24px;}
	div.header ul.global_menu2 li:hover {background:#ff33cc;}

/* =====================================================================
     index.html メイン (1P目)
====================================================================== */

/*ヘッダー*/
div.header {
	width:100%; 
	line-height: 24px;
	background: url(../img/bar_top.jpg) repeat-x;
	color: #999999;
	text-align: center;
}
div.bg {
	width: 100%;
	background: url(../img/grange.jpg) no-repeat center top;
}
div.contents {
	width: 600px;
}

/*logo_area*/
div.logo_area {
	padding-top: 10px;
	height: 340px;
	background: url(../img/logo.jpg) center no-repeat;
	text-align: center;
}
li.cachcopy {
	margin: 0 auto 10px auto;
	text-align: center;
}
li.read {
	text-align: center;
	color: #333333;
	line-height: 1.5em;
	width: 600px;
    margin: 0 auto 20px;
}

/*text_area*/
ul.text_area {
	width: 600px;
	height: 20px;
	color: #333333;
	text-align: center;
	position: absolute;
	top: 330px;
	left: 0;
}
ul.text_area li {
	text-align: center;
	margin-top: 5px;
}

ul.text_area li.check_btn {
	width: 444px; 
	height: 68px;
	color: #999999;
	text-align: center;
	margin: 0 auto;
}
ul.text_area li.check_btn div {
	float: left;
}
li.shopname {
	width: 600px;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
}
li.tel {
	font-size: 18px;
	font-weight: bold;
    color: #FF0000;
}

/*check_area*/
ul.check_area {
	width: 600px;
	height: 20px;
	color: #333333;
	text-align: center;
	position: absolute;
	top: 540px;
	left: 0;
}
ul.check_area li {
	width: 600px;
	margin: 0 auto 5px auto;
	text-align: center;
}
ul.check_area li.check_btn {
	width: 444px;
    margin: 0 auto 5px;
}
ul.check_area li.check_btn div {
	float: left;
}
ul.check_area li.mark {
	width: 600px;
	text-align: center;
	position: absolute;
	top: 115px;
	left: 0;
}

/* =====================================================================
     top.html メイン (2P目)
====================================================================== */
/*menu_area*/
ul.menu_area {
	width: 540px;
    margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 395px;
	left: 30px;
}
ul.menu_area li {
	width: 180px;
	float: left;
}
ul.menu_area li img {
	width: 180px;
}
p {
	width: 600px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 350px;
	left: 0;
}

/* =====================================================================
     フッター
====================================================================== */
div.footer {
	width: 100%;
	height: 20px;
	color: #333333;
	text-align: center;
	position: absolute;
	top: 700px;
	left: 0;
}
/*iframeを使うページの場合*/
div.footer2 {
	width: 100%;
	color: #333333;
	text-align: center;
	border-top: 1px solid #999999;
	padding-top: 10px;
}


/* =====================================================================
     iframe
====================================================================== */
ul.imagelogo {
	width: 818px;
	height: 100px;
	background: #FFFFFF url(../img/imagelogo.jpg) top left;
	margin: 0 auto;
	position: relative;
}
ul.imagelogo li.btn {
	position: absolute;
	top: 0px;
	left: 0px;
}
ul.imagelogo li.btn img {
	width: 100px;
	height: 50px;
}
div.iframe_wrapper {
	margin: 0 auto;
	width: 818px;
}
iframe {
	width: 818px;
	height: 557px;
	/*margin-left: -150px;*//*(main)-(iframe)÷2*/
}