@charset "Shift_JIS";

/* 
CSS Document
Copyright (C) WEB TOTAL SUPPORT CHUPS All Rights Reserved.
*/


/*セカンドページ構成 ------------------------*/

/*共通 ---*/

body {
margin:0px;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
color:#333;
background:url(../common/second_body_back.jpg);
overflow-y:scroll;
}

*html body {  　　　　　/*IE6だけに適用*/
overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
overflow-y:auto;
}


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

#header {
margin:0px;
padding:0px;
width:960px;
background:url(../common/header_back.jpg);
overflow:hidden;
}

#header .left{
float:left;
margin:35px 0px 0px 0px;
padding:0px;
width:480px;
}

#header .left h1{
float:left;
margin:0px;
padding:0px;
width:158px;
}

#header .left h1 img{
vertical-align:bottom;
}

#header .left h2{
float:left;
margin:17px 0px 0px 10px;
padding:0px;
font-size:10px;
font-style:normal;
color:#333;
width:230px;
}


#header .right{
float:right;
margin:30px 0px 0px 0px;
padding:0px;
width:270px;
}

#gmenu {
width:270px;
height:190px;
margin:0px;
padding:0px;
}

#gmenu ul {
margin:0px;
padding:0px;
list-style: none;
}

#gmenu ul li{
float:left;
height:190px;
margin:0px 0px 0px 18px;
padding:0px;
text-indent: -9999px;
}

#gmenu ul li a{
display:block;
height:190px;
}

#gmenu ul li#m01 a   { width: 25px;  background: url("../common/g_menu.png") -15px  -15px no-repeat; }
#gmenu ul li#m02 a   { width: 25px;  background: url("../common/g_menu.png") -60px -15px no-repeat; }
#gmenu ul li#m03 a   { width: 30px;  background: url("../common/g_menu.png") -105px -15px no-repeat; }
#gmenu ul li#m04 a   { width: 27px;  background: url("../common/g_menu.png") -155px -15px no-repeat; }
#gmenu ul li#m05 a   { width: 29px;  background: url("../common/g_menu.png") -200px -15px no-repeat; }
#gmenu ul li#m06 a   { width: 26px;  background: url("../common/g_menu.png") -245px -15px no-repeat; }

#gmenu ul li#m01 a:hover   { background: url("../common/g_menu.png") -15px  -260px no-repeat; }
#gmenu ul li#m02 a:hover   { background: url("../common/g_menu.png") -60px -260px no-repeat; }
#gmenu ul li#m03 a:hover   { background: url("../common/g_menu.png") -105px -260px no-repeat; }
#gmenu ul li#m04 a:hover   { background: url("../common/g_menu.png") -155px -260px no-repeat; }
#gmenu ul li#m05 a:hover   { background: url("../common/g_menu.png") -200px -260px no-repeat; }
#gmenu ul li#m06 a:hover   { background: url("../common/g_menu.png") -245px -260px no-repeat; }


#contents {
margin:0px 0px 80px 0px;
padding:0px;
width:960px;
background-color:#FAFAF4;
overflow:hidden;
}

#navi_area{
margin:0px;
padding:0px;
}

#navi_area p{
text-align:left;
margin:0px;
padding:0px;
font-size:10px;
}


h3{
margin:60px 10px 0px 10px;
padding:0px;
width:940px;
}

h3 img{
vertical-align:bottom;
}

h4{
margin:40px 20px 15px 20px;
padding:0px;
width:920px;
}

h4 img{
vertical-align:bottom;
}

h5{
margin:20px 20px 7px 20px;
padding:0px;
width:920px;
font-size:12px;
font-style:normal;
font-weight:normal;
}

#com_area{
margin:0px 20px 0px 20px;
padding:0px;
width:920px;
overflow:hidden;
}

#com_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}

#com_area .left_img{
float:left;
margin:0px 30px 0px 0px;
padding:0px;
width:230px;
}

#com_area .right_img{
float:right;
margin:0px 0px 0px 30px;
padding:0px;
width:230px;
}

#com_area .p_com{
margin:5px 0px 0px 0px;
padding:0px;
text-align:center;
line-height:1.8em;
font-size:10px;
color:#030;
}


/*こだわり*/

#about_area{
margin:0px 30px 10px 30px;
padding:0px;
width:900px;
overflow:hidden;
}

#about_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}


/*お知らせ*/

/*一覧*/
#info_box{
margin:30px 30px 10px 30px;
padding:0px;
width:900px;
}

#info_box ul{
margin:0px;
padding:0px;
list-style:none;
}

#info_box ul li.mark01{
margin:0px 0px 15px 0px;
padding:1px 5px 0px 8px;
background:url(../information/img/mark01.jpg) left no-repeat;
} 

#info_box h5{
margin:10px 0px 25px 0px;
padding:2px 5px 0px 15px;
width:900px;
font-size:13px;
font-style:normal;
font-weight:normal;
background:url(../information/img/mark02.jpg) left no-repeat;
}

#info_box p{
margin:0px;
padding:0px;
line-height:1.8em;
}

#ru_box{
margin:50px 30px 10px 30px;
padding:0px;
width:900px;
}

#ru_box p{
margin:0px;
padding:0px;
line-height:1.8em;
}


/*法人のお客様*/

#cor_box {
margin:0px 20px 50px 20px;
padding:0px;
width:920px;
overflow:hidden;
}

#cor_box .box01{
float:left;
margin:0px 24px 0px 0px;
padding:0px;
width:164px;
}

#cor_box .box02{
float:left;
margin:0px;
padding:0px;
width:164px;
}

#cor_box .p_com{
margin:5px 0px 0px 0px;
padding:0px;
text-align:center;
line-height:1.8em;
font-size:10px;
color:#030;
}

#lcon_box {
width:150px;
height:30px;
margin:30px 0px 0px 0px;
padding:0px;
}

#lcon_box ul {
margin:0px;
padding:0px;
list-style: none;
}

#lcon_box ul li{
float:left;
height:30px;
margin:0px;
padding:0px;
text-indent: -9999px;
}

#lcon_box ul li a{
display:block;
height:30px;
}

#lcon_box ul li#m01 a   { width: 150px;  background: url("../corporate/img/con_b.png") -15px  -5px no-repeat; }

#lcon_box ul li#m01 a:hover   { background: url("../corporate/img/con_b.png") -15px  -45px no-repeat; }


/*個人のお客様*/

#ind_area{
margin:40px 20px 0px 20px;
padding:0px;
width:920px;
overflow:hidden;
}

#ind_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}

#ind_area p span{
margin:0px;
padding:0px;
line-height:1.8em;
font-size:10px;
}

#ind_area .left_img{
float:left;
margin:0px 30px 0px 0px;
padding:0px;
width:230px;
}

#ind_area .right_img{
float:right;
margin:0px 0px 0px 30px;
padding:0px;
width:230px;
}

#ind_area .p_com{
margin:5px 0px 0px 0px;
padding:0px;
text-align:center;
line-height:1.8em;
font-size:10px;
color:#030;
}

/*食べる*/
#ind_box{
margin:30px 30px 10px 30px;
padding:0px;
width:900px;
}

#ind_box ul{
margin:0px;
padding:0px;
list-style:none;
}

#ind_box ul li.mark01{
margin:0px 0px 10px 0px;
padding:1px 5px 0px 22px;
background:url(../individual/img/mark01.jpg) left no-repeat;
} 

/*買う*/
#ind_box02{
margin:10px 30px 25px 30px;
padding:0px;
width:900px;
}

#ind_box02 ul{
margin:0px;
padding:0px;
list-style:none;
}

#ind_box02 ul li.mark01{
margin:0px 0px 10px 0px;
padding:1px 5px 0px 22px;
background:url(../individual/img/mark02.jpg) left no-repeat;
} 

#ind_box03{
margin:10px 30px 10px 30px;
padding:0px;
width:900px;
}

#ind_box03 ul{
margin:0px;
padding:0px;
list-style:none;
}

#ind_box03 ul li.mark01{
margin:0px 0px 10px 0px;
padding:1px 5px 0px 22px;
background:url(../individual/img/mark03.jpg) left no-repeat;
} 


/*会社案内 ---*/

#company_box{
margin:20px 30px 30px 30px;
padding:0px;
width:900px;
overflow:hidden;
}

#company_box .left p{
margin:0px;
padding:0px;
line-height:1.8em;
}


#map_box{
margin:30px 30px 0px 30px;
padding:0px;
width:900px;
overflow:hidden;
}

#map_box .left{
float:left;
margin:0px;
padding:0px;
width:540px;
}

#map_box .right{
float:right;
margin:0px;
padding:0px;
width:340px;
}


/*このサイトについて ---*/

#sinfo_area{
margin:0px 30px 10px 30px;
padding:0px;
width:900px;
overflow:hidden;
}

#sinfo_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}


/*このサイトについて ---*/

#pry_area{
margin:20px 20px 40px 20px;
padding:0px;
width:920px;
}

#pry_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}


/*お問い合せ ---*/

#cont_area{
margin:20px 30px 15px 30px;
padding:0px;
width:900px;
}

#cont_area p{
margin:0px;
padding:0px;
line-height:1.8em;
}

#cont_area02{
margin:0px 30px 0px 30px;
padding:0px;
width:900px;
}

#cont_area02 p{
margin:0px;
padding:0px;
line-height:1.8em;
}


/*--- サイトマップ --*/

#sitemap{
margin:50px 0px 0px 400px;
padding:0px;
width:260px;
}

#sitemap p{
text-align:left;
margin:0px;
padding:0px;
line-height:2.0em;
}


/*テーブル--*/

#table_form{
margin:0px;
padding:0px;
width:900px;
}

#table_form table#ct {
margin:0px;
width:900px;
}

#table_form table#ct p{
text-align:left;
line-height:1.8em;
margin:0px;
}

.format01{
border:#ccc 1px solid;
border-collapse:collapse;
border-spacing:0px;
}

.format01 th{
border:#ccc 1px solid;
background:#f2f2f2 no-repeat;
padding:10px 30px 10px 10px;
text-align:left;
vertical-align:top;
font-weight:normal;
}
.format01 td{
text-align:left;
border:#ccc 1px solid;
padding:10px;
}