@charset "UTF-8";

/*-----------------------------------------------------------------
基本設定
-----------------------------------------------------------------*/
p,h1,h2,h3,h4,ul,li,ol,dl,dt,dd,position,form {
	margin:0;
	padding:0;
}

img { border: 0; }

body{
	margin:0;
	padding:0;
	text-align: center;
	background-color: #000000;
	background: url(../img/common/anathor_bg.jpg) top;
	color: #ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka,"Arial","ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.8em;
}

/*-----------------------------------------------------------------
テキスト系
-----------------------------------------------------------------*/
textarea { font-size: 100%; } /* テキストエリア内文字サイズのブラウザ間での差異をなくす */

address { font-style: normal; }

p {/* テキストの"両端揃え */
	text-align: justify;
	text-justify: inter-ideograph;
}
p {
	letter-spacing: 0.1em;
}

/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #666666; }

/*-----------------------------------------------------------------
タイトル
-----------------------------------------------------------------*/
h1 {
	font-weight: normal;
	line-height: normal;
	font-size: 10px;
	color: #666666;
}
h2 {
	font-weight: normal;
	font-size:10px;
}
h3 {
	font-weight: normal;
}

/*-----------------------------------------------------------------
プリントCSS
-----------------------------------------------------------------*/
@media print {
#footer_bac {
	overflow /**/: hidden;
}

}

/*-----------------------------------------------------------------
グローバルメニュー
-----------------------------------------------------------------*/

#glo_wrap{
width:100%;
height:53px;
background:url(../img/common/glo_navi_bg.jpg) repeat-x;
}

#glo_box{
width:1000px;
height:53px;
margin:0 auto;
background:url(../img/common/gm_bg.jpg) no-repeat;
}

.gm_left{ float:left; height: 53px; width:562px; }

.gm_left li{
display:inline;
float:left;
text-indent: -9999px;
list-style:none;
}

.gm_left li a {
display: block;
height:45px;
overflow: hidden;
}

.gm_btn01 {background: url(../img/common/gm_home.jpg) no-repeat;width:140px;height:45px;}
.gm_btn01 a:hover {background: url(../img/common/gm_home_over.jpg) no-repeat;width:140px;height:45px;}

.gm_btn02 {background: url(../img/common/gm_shop.jpg) no-repeat;width:141px;height:45px;}
.gm_btn02 a:hover {background: url(../img/common/gm_shop_over.jpg) no-repeat;width:141px;height:45px;}

.gm_btn03 {background: url(../img/common/gm_order.jpg) no-repeat;width:141px;height:45px;}
.gm_btn03 a:hover {background: url(../img/common/gm_order_over.jpg) no-repeat;width:141px;height:45px;}

.gm_btn04 {background: url(../img/common/gm_guide.jpg) no-repeat;width:140px;height:45px;}
.gm_btn04 a:hover {background: url(../img/common/gm_guide_over.jpg) no-repeat;width:140px;height:45px;}

.gm_right{
float:left;
width:338px;
height:36px;
padding-top:17px;
padding-left:100px;
}

.gm_right li{
display:inline;
float:left;
text-indent: -9999px;
list-style:none;
margin-left:10px;
}

.gm_right li a {
display: block;
height:12px;
overflow: hidden;
}

.gm_btn05 {background: url(../img/common/gm_link.jpg) no-repeat;width:31px;height:12px;}
.gm_btn05 a:hover {background: url(../img/common/gm_link_over.jpg) no-repeat;width:31px;height:12px;}

.gm_btn06 {background: url(../img/common/gm_privacy.jpg) no-repeat;width:106px;height:12px;}
.gm_btn06 a:hover {background: url(../img/common/gm_privacy_over.jpg) no-repeat;width:106px;height:12px;}

.gm_btn07 {background: url(../img/common/gm_sitepolicy.jpg) no-repeat;width:76px;height:12px;}
.gm_btn07 a:hover {background: url(../img/common/gm_sitepolicy_over.jpg) no-repeat;width:76px;height:12px;}

.gm_btn08 {background: url(../img/common/gm_sitemap.jpg) no-repeat;width:66px;height:12px;}
.gm_btn08 a:hover {background: url(../img/common/gm_sitemap_over.jpg) no-repeat;width:66px;height:12px;}

/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/

#header{ height:169px; clear: both; }

.head_left{
width:450px;
height:169px;
float:left;
}

.head_right{
width:550px;
padding:10px 0;
float:left;
}

.head_right h2{
font-size:10px;
margin-top:5px;
}

.head_right p{
padding-top:20px;
text-align:center;
}

/*-----------------------------------------------------------------
コンテンツ
-----------------------------------------------------------------*/

#con_wrap01{ width:100%; background:url(../img/common/top_bg.jpg) repeat-x; }

#con_wrap02{
width:100%;
}

#con_box{
width:1000px;
margin:0 auto;
padding:0 0 20px;
}

/*-----------------------------------------------------------------
パンくずリスト
-----------------------------------------------------------------*/

#p_list{
text-align:left;
font-size:10px;
padding-bottom:10px;
}

/*-----------------------------------------------------------------
ページ先頭にもどる
-----------------------------------------------------------------*/

.gotop_btn{ clear:both; text-align:right; padding-top:30px; }

/*-----------------------------------------------------------------
フッター
-----------------------------------------------------------------*/

#footer_wrap{
width:100%;
height:234px;
background:url(../img/common/g_footer_bg.jpg) repeat-x;
}

#footer_box{ width:1000px; height:194px; margin:0 auto; padding:30px 0 0; }

.f_logo{
width:204px;
padding-top:30px;
float:left;
}

.f_txt{
padding-top:30px;
padding-left:15px;
float:left;
}

.qr_img{
width:480px;
margin-bottom:20px;
float:right;
}

.f_navi{ clear:both; width:1000px; background:url(../img/common/footer_line.jpg) top repeat-x; padding-top:10px; text-align:left; font-size:10px;}

.f_navi ul{
width:450px;
padding-top:5px;
float:left;
}

.f_navi li{
display:inline;
margin-right:5px;
}

.f_navi li a{
text-decoration:none;
}

.f_navi li a:hover{
text-decoration:underline;
}

.f_navi p{
width:270px;
padding-top:10px;
float:right;
}