@charset "shift_jis";

/*===================================================================
	hajimete
===================================================================*/
#hajimete {}
#hajimete #mainVisualTop { padding-top:20px; background:url(../../hajimete/imgs/mainvisual_top.gif) no-repeat 0 0; }
#hajimete #mainVisualBtm { padding-bottom:20px; background:url(../../hajimete/imgs/mainvisual_btm.gif) no-repeat 0 bottom; }
#hajimete #mainVisual { }

/*	SP hajimete
-------------------------------------------------------------------*/
#hajimete #spHajimete {margin:0 0 1em;}
#hajimete #spHajimeteText {width:90%; margin:0 5% 1em; text-align:left;}
#hajimete #spHajimeteText p {margin-top:1em;  background:url(image) repeat 0 0; /*Android 4.0—p*/ }


/*===================================================================
	package
===================================================================*/
#package {}

#package #contents .lead { margin-bottom:15px; }

#package #contents .section01 { padding-bottom:18px; background:url(../../package/imgs/package_sec01_bg.gif) no-repeat 0 bottom; }
#package #contents .section01 .unit01 { float:left; width:468px; padding-top:50px; background:url(../../package/imgs/package_unit01_bg.gif) no-repeat 0 0; }
#package #contents .section01 .unit01 .unit01Inr { padding:0 20px 0 15px; }
#package #contents .section01 .unit01 .txtArea { float:left; width:255px; }
#package #contents .section01 .unit01 .txtArea dt { margin-bottom:15px; }
#package #contents .section01 .unit01 .txtArea dd { padding-left:10px; line-height:1.5; }
#package #contents .section01 .unit01 .imgArea { float:right; width:159px; }

#package #contents .section01 .unit02 { float:right; width:380px; padding-top:45px; background:url(../../package/imgs/package_unit02_bg.gif) no-repeat 0 0; }
#package #contents .section01 .unit02 .unit02Inr { padding:0 22px 0 18px; }
#package #contents .section01 .unit02 .txtArea { float:left; width:170px; }
#package #contents .section01 .unit02 .txtArea dt { margin-bottom:15px; }
#package #contents .section01 .unit02 .txtArea dd { line-height:1.5; }
#package #contents .section01 .unit02 .imgArea { float:right; width:159px; }


#package #contents .section02 { }
#package #contents .section02 .leftArea { float:left; width:222px; }
#package #contents .section02 .centerArea { float:left; width:436px; }
#package #contents .section02 .rightArea { float:left; width:222px; }

#package #contents .section02 .unit03 { padding-bottom:20px; background:url(../../package/imgs/package_unit03_bg.gif) no-repeat 0 bottom; }
#package #contents .section02 .unit03 dd { padding:0 20px; }
#package #contents .section02 .unit03 dd .txtArea { margin-bottom:20px; }
#package #contents .section02 .unit03 dd .imgArea { text-align:center; }

#package #contents .section02 .unit04 { padding-bottom:20px; background:url(../../package/imgs/package_unit04_bg_btm.gif) no-repeat 0 bottom; }
#package #contents .section02 .unit04Inr { padding:45px 40px 0 45px; background:url(../../package/imgs/package_unit04_bg.gif) no-repeat 0 0; }
#package #contents .section02 .unit04 .txtArea { float:left; width:170px; }
#package #contents .section02 .unit04 .txtArea dt { margin-bottom:15px; }
#package #contents .section02 .unit04 .txtArea dd { padding-left:10px; line-height:1.5; }
#package #contents .section02 .unit04 .imgArea { float:right; width:159px; }

#package #contents .section02 .unit05 { padding-bottom:20px; background:url(../../package/imgs/package_unit05_bg.gif) no-repeat 0 bottom; }
#package #contents .section02 .unit05 dd { padding:0 20px; }
#package #contents .section02 .unit05 dd .txtArea { margin-bottom:20px; }
#package #contents .section02 .unit05 dd .imgArea { text-align:center; }


/*	SP package
-------------------------------------------------------------------*/
#spPackage { padding-bottom:2em; }
#spPackage .lead { margin-top:1.5em; padding:0 1em; }
#spPackage .ancLnk { margin-top:1em; padding:0 1em; }
#spPackage .ancLnk li { float:left; width:15.6%; margin-left:5.5%; }
#spPackage .ancLnk li:first-child { margin-left:0; }

#spPackage .section { position:relative; margin-top:1em; padding:7% 10px 0; text-align:left; }
#spPackage .section .ico { position:absolute; top:0; left:7%; width:19%; }

#spPackage .section .inner { padding:3.5%; border-radius:0.5em; }
#spPackage .section .inner .imgArea { float:right; width:28.8%; margin:0 0 2% 2%; }
#spPackage .section .inner h2 { width:68.4%; }
#spPackage .section .inner p { margin-top:0.5em; background:url(image) repeat 0 0; /*Android 4.0—p*/ }

#spPackage #spSec01 .inner { border:solid 3px #e3007f; }
#spPackage #spSec02 .inner { border:solid 3px #e60b1c; }
#spPackage #spSec03 .inner { border:solid 3px #901c8b; }
#spPackage #spSec04 .inner { border:solid 3px #0075c0; }
#spPackage #spSec05 .inner { border:solid 3px #4ab13c; padding:0.5em 1em 1em; }
#spPackage #spSec05 .inner .imgArea { margin:0.5em 0 2% 2%; }

#spPackage .btn { margin-top:1.5em; padding:0 1em; }

/*===================================================================
	Q&A
===================================================================*/
#qa {}

#qa #contents .lead { margin-bottom:45px; }

#qa #contents .question { margin-bottom:10px; padding-bottom:15px; }
#qa #contents .questionInr { padding:15px 50px 0 35px; }

#qa #contents .question li { float:left; }
#qa #contents .question li.text { width:720px; margin-right:0; margin-left:20px; }
#qa #contents .question li.text02 { width:720px; margin-right:0; margin-left:11px; }
#qa #contents .question li p { margin-top:3px; }
#qa #contents .question li .tglLink { color:#555555; text-decoration: underline; }
#qa #contents .question li .iconImg { margin-left:10px; vertical-align: middle; }

#qa #contents #q01 { background:url(../../qa/imgs/qa_q01_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q01 .questionInr { background:url(../../qa/imgs/qa_q01_bg.gif) no-repeat 0 0; }

#qa #contents #q02 { background:url(../../qa/imgs/qa_q02_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q02 .questionInr { background:url(../../qa/imgs/qa_q02_bg.gif) no-repeat 0 0; }

#qa #contents #q03 { background:url(../../qa/imgs/qa_q03_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q03 .questionInr { background:url(../../qa/imgs/qa_q03_bg.gif) no-repeat 0 0; }

#qa #contents #q04 { background:url(../../qa/imgs/qa_q04_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q04 .questionInr { background:url(../../qa/imgs/qa_q04_bg.gif) no-repeat 0 0; }

#qa #contents #q05 { background:url(../../qa/imgs/qa_q05_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q05 .questionInr { background:url(../../qa/imgs/qa_q05_bg.gif) no-repeat 0 0; }

#qa #contents #q06 { background:url(../../qa/imgs/qa_q06_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q06 .questionInr { background:url(../../qa/imgs/qa_q06_bg.gif) no-repeat 0 0; }

#qa #contents #q07 { background:url(../../qa/imgs/qa_q03_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q07 .questionInr { background:url(../../qa/imgs/qa_q03_bg.gif) no-repeat 0 0; }

#qa #contents #q08 { background:url(../../qa/imgs/qa_q02_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q08 .questionInr { background:url(../../qa/imgs/qa_q02_bg.gif) no-repeat 0 0; }

#qa #contents #q09 { background:url(../../qa/imgs/qa_q01_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q09 .questionInr { background:url(../../qa/imgs/qa_q01_bg.gif) no-repeat 0 0; }

#qa #contents #q10 { background:url(../../qa/imgs/qa_q04_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #q10 .questionInr { background:url(../../qa/imgs/qa_q04_bg.gif) no-repeat 0 0; }

#qa #contents .answer { margin-bottom:20px; padding-bottom:15px; }
#qa #contents .answerInr { padding:15px 35px 0 50px; }

#qa #contents .answer li { float:left; margin-right:15px; }
#qa #contents .answer li.text { width:760px; margin-right:0; }
#qa #contents .answer li p { margin-top:3px; }

#qa #contents #a01 { background:url(../../qa/imgs/qa_a01_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a01 .answerInr { background:url(../../qa/imgs/qa_a01_bg.gif) no-repeat 0 0; }

#qa #contents #a02 { background:url(../../qa/imgs/qa_a02_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a02 .answerInr { background:url(../../qa/imgs/qa_a02_bg.gif) no-repeat 0 0; }

#qa #contents #a03 { background:url(../../qa/imgs/qa_a03_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a03 .answerInr { background:url(../../qa/imgs/qa_a03_bg.gif) no-repeat 0 0; }

#qa #contents #a04 { background:url(../../qa/imgs/qa_a04_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a04 .answerInr { background:url(../../qa/imgs/qa_a04_bg.gif) no-repeat 0 0; }

#qa #contents #a05 { background:url(../../qa/imgs/qa_a05_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a05 .answerInr { background:url(../../qa/imgs/qa_a05_bg.gif) no-repeat 0 0; }

#qa #contents #a06 { background:url(../../qa/imgs/qa_a06_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a06 .answerInr { background:url(../../qa/imgs/qa_a06_bg.gif) no-repeat 0 0; }

#qa #contents #a07 { background:url(../../qa/imgs/qa_a03_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a07 .answerInr { background:url(../../qa/imgs/qa_a03_bg.gif) no-repeat 0 0; }

#qa #contents #a08 { background:url(../../qa/imgs/qa_a02_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a08 .answerInr { background:url(../../qa/imgs/qa_a02_bg.gif) no-repeat 0 0; }

#qa #contents #a09 { background:url(../../qa/imgs/qa_a01_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a09 .answerInr { background:url(../../qa/imgs/qa_a01_bg.gif) no-repeat 0 0; }

#qa #contents #a10 { background:url(../../qa/imgs/qa_a04_bg_btm.gif) no-repeat 0 bottom; }
#qa #contents #a10 .answerInr { background:url(../../qa/imgs/qa_a04_bg.gif) no-repeat 0 0; }

/*	SP qa
-------------------------------------------------------------------*/
#spQa { padding-bottom:2em; }
#spQa .lead { margin-top:1.5em; padding:0 1em; }

#spQa .section { margin-top:2em; padding:0 1em; text-align:left; }
#spQa .section dl { margin-top:2%; }
#spQa .section dt { float:left; width:9%; margin-left:1%; }
#spQa .section dd { margin-left:14%; padding-top:2%; }
#spQa .section dd a { color:#7fbe25; font-weight:bold; }
#spQa .section dd p { background:url(image) repeat 0 0; /*Android 4.0—p*/ }

#spQa .btn { margin-top:1.5em; padding:0 1em; }


/*===================================================================
	gallery
===================================================================*/
#gallery {}

#gallery #contents .lead { margin-bottom:20px; }

#gallery #contents .ttl { margin-bottom:15px; }
#gallery #contents .section { margin:0 30px; }

#gallery #contents #sec01 { text-align:center; }
#gallery #contents #sec01 img { margin-bottom:15px; }


#gallery #contents #sec02 { }
#gallery #contents #sec02 h4 { margin-bottom:5px; color:#eb1218; }
#gallery #contents #sec02 .leftArea { float:left; width:390px; }
#gallery #contents #sec02 .rightArea { float:right; width:400px; }


#gallery #contents #sec03 { }
#gallery #contents #sec03 .leftArea { float:left; margin-right:10px; }
#gallery #contents #sec03 .centerArea { float:left; }
#gallery #contents #sec03 .rightArea { float:right; }

#gallery #contents #sec03 .caption { width:266px; margin-top:5px; text-align:center; }


/*	SP gallery
-------------------------------------------------------------------*/
#gallery #spGallery{margin-bottom:2em;}
#gallery #spGalleryTtl,
#gallery #spGalleryText{margin-bottom:1em;}
#gallery #spGalleryMovie{border-bottom:2px dotted #ff0000; margin-bottom:1em;}
#gallery #spGalleryMovie h2{margin-bottom:1em;}
#gallery #spGalleryMovie p{width:90%; padding:0 5%; margin-bottom:1em;}
#gallery #spGalleryArea h2{margin:1em 0;}
#gallery #spGalleryArea p{width:90%; padding:0 5%; margin-bottom:0.5em;}
#gallery #spGalleryArea p.caption{margin-bottom:1em;}
