@charset "shift_jis";
/*==================
◇基本
====================*/
body{
background:#0b1f2a url(../images/back_01.jpg) repeat-x;
margin:0;
padding:0;
color:#FFF;
font-size: small;}

p{
margin:0;
padding:0;}

a{
color:#FFF;
text-decoration:underline;}

a:hover{
text-decoration:none;}

/*==================
◇骨組
====================*/
#head{
margin:0 auto;
width:740px;
height:450px;
background:url(../images/head_back.jpg) no-repeat #0b324f;}

#main{
margin:0 auto;
padding:20px 0 0 0;
width:740px;
background:#0b324f url(../images/lr_line.gif) repeat-y left;
clear:both;}

#foot_head{
margin:0 auto;
width:733px;
height:40px;
background:url(../images/foot_head.jpg) no-repeat;}

#foot{
margin:0 auto;
width:740px;
height:53px;
background:url(../images/foot_back.jpg) no-repeat;
text-align:center;
padding-top:15px;}

/*==================
◇共通
====================*/
.pagetop{
margin:10px auto 10px;
text-align:right;
width:680px;}

/*==================
◇ヘッダ内要素
====================*/
/*ナビゲーション*/
#head_navi{
padding-top:410px;
margin-right:10px;
text-align:right;}
		
#head_navi ul{
height:25px;
margin:0;
padding:0;}

#head_navi ul li{
list-style:none;
display: inline-block;
text-indent:-9999px;
outline:none;
float:right;
padding:0 2px 0 0:}

/*ナビ個別*/
#menu01_about a{
width:108px;
height:25px;
display:block;
text-indent:-9999px;
background:url(../images/menu01_about.gif) no-repeat;}
#menu01_about a:hover{
background:url(../images/menu01_about_o.gif) no-repeat;}

#menu02_spec a{
width:85px;
height:25px;
display:block;
text-indent:-9999px;
background:url(../images/menu02_spec.gif) no-repeat;}
#menu02_spec a:hover{
background:url(../images/menu02_spec_o.gif) no-repeat;}

#menu03_shop a{
width:85px;
height:25px;
display:block;
text-indent:-9999px;
background:url(../images/menu03_shop.gif) no-repeat;}
#menu03_shop a:hover{
background:url(../images/menu03_shop_o.gif) no-repeat;}

/*==================
◇アバウト
====================*/
#about{
margin:0 auto;
width:718px;
font-size:12px;
background:#0b324f url(../images/tit01_about.jpg) no-repeat top;
padding:70px 0 20px 15px;}

div#about p{
width:660px;
font-size:13px;
padding:0px 0 0 24px;}

#about_plus01{
background:url(../images/about_plus_back01.jpg) no-repeat top;
width:703px;
height:144px;
margin:15px 0 0 0;}

div#about_plus01 p{
width:660px;
font-size:12px;
padding:70px 0 0 20px;}

#about_plus02{
background:url(../images/about_plus_back02.jpg) no-repeat top;
width:703px;
height:525px;}

div#about_plus02 p{
font-size:12px;
padding:63px 0 0 22px;
line-height:100%;}

/*==================
◇スペック
====================*/
#spec{
margin:0 auto;
width:718px;
background:#0b324f url(../images/tit02_spec.jpg) no-repeat top;
padding:70px 0 20px 15px;}

.spec_back{
width:690px;
margin:0 auto;
height:166px;
background:url(../images/spec.jpg) no-repeat right;}

div.spec_back p img{
margin:0 0 0px 0px;}

div.spec_back p a{
margin:0 0 0px 0px;}

div.spec_back dl{
margin:15px 0 0 0;
width:400px;}

div.spec_back dl dt{
float:left;
width:80px;
padding:2px 0 0 0;}

div.spec_back dl dd{
padding:2px 0 0 0;}

/*==================
◇販売店一覧
====================*/
#shop{
margin:0 auto;
width:718px;
background:#0b324f url(../images/tit03_shop.jpg) no-repeat top;
padding:70px 0 20px 15px;}

#shop_main{
width:710px;
margin:0 auto 0 auto;
padding:10px 0 5px -15px;}

#shop_main p{
width:615px;
margin:8px auto;}

#shop_main p img{
margin:0 0 5px 5px;}