@charset "utf-8";
/* CSS Document */

/* reset */
body, div, h1, h2, h3, h4, h5, h6, iframe, p, span, hr, form, input, textarea, label, table, th, td, address, em, img, a{
margin:0pt;
padding:0pt;
}
ul, ol, li, dl, dt, dd{
margin:0pt;
padding:0pt;
list-style:none;
}
a{color:#222;text-decoration:underline;}
a:hover{color:#dc0c3d;text-decoration:none;}

img{border:none;vertical-align:bottom;}
em{font-weight:bold;font-style:normal;}
hr{clear:both;height:1px;line-height:1em;visibility:hidden;}
.b{font-weight:bold;}
.r{text-align:right;}
.u{text-decoration:underline;}
.red{color:#cc0000;}
.blue{color:#003366;}
.orange{color:#FF6600;}

body {
background:#fff;
color:#222;
text-align:center;
}

h3{clear:both;margin-bottom:0;padding:0;}

img.pictL{
float:left;
width:auto;
padding:0 16px 12px 0;
}
img.pictR{
float:right;
width:auto;
padding:0 0 12px 16px;
}

/* ---------------------------------------------------
											header
---------------------------------------------------- */
#header{
width:948px;
margin:0 auto;
padding:0px 0;
height:143px;
text-align:left;
background:#fff url(../images/common/bg_headerArea.gif) no-repeat 0 0;
}
#header h1{
display:block;
width:330px;
position:relative;
left:302px;
_left:312px;
top:50px;
font-size:0.78em;
letter-spacing:0.08em;
font-weight:normal;
}
#header h2#logo{
display:block;
margin:10px 0 0 16px;
padding:0;
float:left;
}
#header h2#tel{
display:block;
margin:0 16px 0 0;
padding:0;
float:right;
}
/* ---------------- Gmenu ------------------- */
#Gmenu{
clear:both;
width:948px;
margin:0 auto;
padding:10px 0;
position:relative;
height:54px;
z-index:9999;
}
#Gmenu ul li{
display:inline;
text-indent:-9999px;
background:url(../images/common/headerMenu.gif) no-repeat 0 0;
}
#Gmenu ul li a{
float:left;
width:189px;
background:url(../images/common/headerMenu.gif) no-repeat 0 0;
overflow:hidden;
height:54px;
}

#Gmenu ul li.top a{width:189px;background-position:0 -64px;}
#Gmenu ul li.suggestion a{width:189px;background-position:-189px -64px;}
#Gmenu ul li.flow a{width:189px;background-position:-378px -64px;}
#Gmenu ul li.company a{width:190px;background-position:-567px -64px;}
#Gmenu ul li.form a{width:190px;background-position:-757px -64px;}

#Gmenu ul li.top a:hover {background-position:0 -2px;}
#Gmenu ul li.suggestion a:hover{background-position:-189px -2px;}
#Gmenu ul li.flow a:hover{background-position:-378px -2px;}
#Gmenu ul li.company a:hover{background-position:-567px -2px;}
#Gmenu ul li.form a:hover{background-position:-757px -2px;}

/*
#index #Gmenu ul li.top a{background-position:0 -2px;cursor:default;}
#kodawari_m #Gmenu ul li.suggestion a{background-position:-189px -2px;cursor:default;}
#kodawari_h #Gmenu ul li.flow a{background-position:-378px -2px;cursor:default;}
#kodawari_s #Gmenu ul li.company a{background-position:-567px -2px;cursor:default;}
#oishii #Gmenu ul li.form a{background-position:-757px 0;cursor:default;}
*/

/* ---------------------------------------------------
											footer
---------------------------------------------------- */
#footer{
clear:both;
width:948px;
margin:32px auto 0;
}
/* ----- bottomMenu ----- */
#bottomMenu{
clear:both;
margin:0 auto 6px;
text-align:left;
}
#bottomMenu ul li{
display:inline;
font-size:0.78em;
line-height:1.2em;
letter-spacing:0.1em;
background:#fff url(../images/common/bottomMenuLine.gif) no-repeat 0 0;
}
#bottomMenu ul li a{
width:auto;
padding:0 2px 0 18px;
color:#555;
text-decoration:none;
}
#bottomMenu ul li a:hover{text-decoration:underline;}

/* ----- copyrightArea ----- */
#copyrightArea{
width:948px;
margin:0 auto;
text-align:right;
background:url(../images/common/line_footer.gif) no-repeat 0 0;
}
#copyrightArea p{
clear:both;
padding:8px 4px;
color:#666;
font-size:0.78em;
line-height:1.6em;
}

/* ---------------------------------------------------
      									Block
---------------------------------------------------- */
#contents{
clear:both;
width:948px;
margin:14px auto 0;
}
#MainArea{
width:686px;
float:left;
text-align:left;
}
#MainArea h3{
margin-bottom:16px;
}
#MainArea p{
font-size:0.88em;
line-height:2em;
padding:0 0 0 4px;
letter-spacing:0.08em;
}
#RightArea{
width:237px;
float:right;
text-align:left;
}
/* ----- comics ----- */
#RightArea .comics{
margin:12px 3px 6px;
background:url(../images/rightArea/ma_bg.gif) repeat-y 0 0;
}
#RightArea .comics ul li{
text-align:center;
padding:10px 0 0;
}
/* ----- rightbottom ----- */
#RightArea .RightLink img{
margin:4px 3px;
}
/* ----- toUp ----- */
.toUp{
clear:both;
display:block;
width:130px;
float:right;
font-size:10px;
}
.toUp a{
background:url(../images/common/icon_al_up.gif) no-repeat 0 50%;
padding-left:12px;
}
/* ---------------------------------------------------
										file : index
---------------------------------------------------- */
#imageArea{
clear:both;
width:948px;
height:299px;
margin:6px auto 0;
padding:16px 0;
background:url(../images/index/bg_ImageArea.gif) no-repeat 0 0;
}
#imageArea p{
float:left;
width:580px;
}
#imageArea p img{
margin:88px 0 0 28px;
}
#imageArea ul{
float:right;
width:285px;
}
/* ----- catchArea ----- */
.catchArea{
background:#e8e7e5;
margin:20px 6px 20px 0;
width::680px;
padding:24px;
}
.catchArea ul{
margin:14px 0 20px 38px;
}
.catchArea ul li{
padding:4px 0;
}
#MainArea h3.indexMain{
color:#d20c3b;
padding:6px 0 10px 4px;
margin:0;
letter-spacing:0.3em;
font-size:1em;
}
.pickup{
color:#d20c3b;
font-size:120%;
font-weight:bold;
letter-spacing:0.08em;
padding:0 2px;
}

/* ---------------------------------------------------
									file : subPage
---------------------------------------------------- */
#subTitleArea{
clear:both;
width:100%;
height:107px;
margin:10px auto;
padding:0;
background:url(../images/subPage/bg_subtitle.gif) repeat-x 0 0;
}
#subTitleArea h3{
width:948px;
margin:0 auto;
}

/* ----- suggestion ----- */
.suggestionBlock{
clear:both;
margin:24px 0;
height:auto !important;
min-height:200px;
}
#MainArea .suggestionBlock h4.suggestionTitle{
margin-bottom:12px;
padding-left:40px;
line-height:2em;
border-bottom:3px double #FFCC99;
letter-spacing:0.08em;
background:url(../images/subPage/subtts_suggestionHands.gif) no-repeat 0.1em 0.1em;
}
.suggestionBlock h4.suggestionTitle a{color:#003366;text-decoration:underline;}
.suggestionBlock h4.suggestionTitle a:hover{color:#dc0c3d;text-decoration:none;}

.suggestionBlock img{
float:left;
padding-right:20px;
}

#suggestionArticle h4{
margin:0.5em 0 1.5em 0.1em;
padding:0.2em 0 0.5em 3em;
color:#003366;
line-height:2em;
background:url(../images/subPage/subtts_suggestionHand.gif) no-repeat 0.1em 0.1em;
border-bottom:3px double #FFCC99;
letter-spacing:0.08em;
}

/* ----- flow ----- */
.flowBoxArea{
clear:both;
background:#059795;
padding:8px;
width:auto;
}
.flowBox{
border:2px solid #fff;
margin:0 auto;
padding:18px 16px;
color:#fff;
}
/* flowBlock */
.flowBlock{
clear:both;
margin:24px 6px 0;
}
.flowIcon{
float:left;
width:109px;
height:auto !important;
min-height:204px;
_height:204px;
background:#fff url(../images/subPage/flow_arr.gif) no-repeat 20px 130px;
}
.flowIconLast{
float:left;
width:109px;
height:auto !important;
min-height:128px;
_height:128px;
}
.flowCom{
background:#fff url(../images/subPage/flow_comBg.gif) no-repeat 109px 0;
padding:16px 12px 0 146px;
}
#MainArea .flowCom p{padding-bottom:8px;}
.flowBottom{background:#ffffff url(../images/subPage/flow_comBottom.gif) no-repeat 109px 0;}

/* flow_comics */
.flow_comics{
background:#e8e7e5;
margin:20px 6px 20px 0;
width:auto;
padding:24px;
height:auto !important;
min-height:232px;
_height:232px;
}
.flow_comics ul{
margin:10px 0 0;
}
.flow_comics ul li{
float:left;
width:210px;
text-align:center;
font-size:0.88em;
line-height:2em;
}
.flow_comics ul li a{width:200px;}

/* ----- company ----- */
#companyBox table{
clear:both;
border-collapse:collapse;
margin:12px 0 12px 2px;
width:684px;
font-size:0.88em;
line-height:1.8em;
}
#companyBox table th{
background:#eee;
text-align:right;
font-weight:normal;
padding:4px 12px 4px 0;
width:96px;
border-bottom:3px solid #fff;
}
#companyBox table td{
padding:4px 4px 4px 12px;
text-align:left;
vertical-align:top;
}
#companyBox table td.companyMap{
width:266px;
padding:0;
text-align:center;
}
#companyBox a{text-decoration:none;}
#companyBox a:hover{text-decoration:underline;}

/* comCatch */
.comCatch{
border-top:2px solid #d0d0d0;
border-bottom:2px solid #d0d0d0;
margin:12px 0;
padding:12px;
color:#0068b7;
font-size:0.98em;
line-height:1.6em;
text-align:center;
}
/* alphaBlock */
.alphaBlock{
background:url(../images/subPage/bg_alphaBlock.gif) no-repeat 0 0;
margin-top:24px;
padding:12px 24px;
color:#fff;
font-size:0.88em;
line-height:1.5em;
letter-spacing:0.02em;
height:auto !important;
min-height:78px;
}
.alphaBlock em{font-size:120%;line-height:2em;}
.alphaBlockBottom{
background:url(../images/subPage/bg_alphaBlockBottom.gif) no-repeat 0 0;
height:9px;
}
/* ----- form ----- */
#MainArea p.formExp{
display:block;
background:#e5e0c9;
width:640px;
padding:6px 20px;
}
#formBox{
width:680px;
padding-top:3px;
border-top:1px solid #d4ceb2;
margin:28px 0 12px 2px;
text-align:center;
}
#formBox table{
clear:both;
border-collapse:collapse;
width:680px;
font-size:0.88em;
line-height:1.8em;
color:#666633;
}
#formBox table th{
text-align:left;
font-weight:normal;
padding:4px 8px 8px;
width:160px;
border-top:4px solid #FFF;
background:url(../images/subPage/bg_form.gif) no-repeat 100% 100%;
/*border-bottom:1px solid #e5e0c9;*/
}
#formBox table td{
padding:4px 0 8px 12px;
text-align:left;
vertical-align:top;
border-top:4px solid #FFF;
background:url(../images/subPage/bg_form.gif) no-repeat 0 100%;
}
#formBox input{
margin-right:8px;
}

/* ----- faq ----- */
.faqBlock{
clear:both;
margin:12px 6px 0;
}
.faqBlock dl{
display:block;
width:684px;
background:url(../images/subPage/bg_faqBlock.gif) no-repeat 0 46px;
}
.faqBlock dt{
font-size:0.88em;
line-height:1.6em;
font-weight:bold;
height:46px;
vertical-align:bottom;
padding:16px 6px 6px 60px;
}
.faqBlock dt.q01{background:url(../images/subPage/q01.gif) no-repeat 0 49%;}
.faqBlock dt.q02{background:url(../images/subPage/q02.gif) no-repeat 0 49%;}
.faqBlock dt.q03{background:url(../images/subPage/q03.gif) no-repeat 0 49%;}
.faqBlock dt.q04{background:url(../images/subPage/q04.gif) no-repeat 0 49%;}
.faqBlock dt.q05{background:url(../images/subPage/q05.gif) no-repeat 0 49%;}

.faqBlock dd{
clear:both;
font-size:0.88em;
line-height:1.5em;
margin:0;
padding:24px 24px 0 24px;
height:auto !important;
}
.faqBlock dd.faqBlockBottom{
padding:0;
background:url(../images/subPage/bg_faqBlockBottom.gif) no-repeat 0 100%;
}
.faqBlock dd em{color:#d20c3b;padding-right:3px;}

/* ----- privacy ----- */
#privacyArea{
margin:6px 8px;
}
#privacyArea h4{
color:#006867;
font-size:1em;
line-height:2.4em;
padding:0 4px;
}
#privacyArea h5{
color:#006867;
background:#e8e7e5;
font-size:0.9em;
line-height:1.6em;
font-weight:normal;
padding:6px 10px;
margin:16px 0;
}
#privacyArea p{margin:6px 0;letter-spacing:0.02em;}
#privacyArea ul{
margin:0 0 0 20px;
font-size:0.88em;
letter-spacing:0.02em;
line-height:2em;
}
.privacyCom{
background:#e8eaea;
border:1px solid #067b74;
color:#067b74;
margin:24px 4px;
padding:12px;
width:460px;
}

/* ----- adEx ----- */
.adExHeadArea{
clear:both;
background:#e8e7e5;
padding:12px;
width:auto;
height:auto !important;
min-height:136px;
}
#MainArea .adExHeadArea p{
padding:12px 12px 6px;
line-height:1.6em;
}
table.adExContents{
clear:both;
border-collapse:collapse;
margin:12px 0;
width:686px;
}
table.adExContents td{
padding:6px 0;
text-align:center;
vertical-align:top;
font-size:0.88em;
line-height:1.6em;
}
table.adExContents td.adComicsArea{
width:254px;
}
table.adExContents td.adComicsArea img{
border:2px solid #ccc;
}
table.adExContents td dt{
background:url(../images/subPage/bg_tts_adEx.gif) no-repeat 0 0;
text-align:center;
height:31px;
line-height:31px;
width:216px;
color:#067b74;
font-weight:bold;
}
table.adExContents td dd{
padding:6px 0;
text-align:left;
width:216px;
font-family:"ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6";
font-weight:bold;
letter-spacing:0.06em;
color:#444;
}