@charset "utf-8";

/* =========================================================
	1.UNIVERSAL-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.FORM
	5.TABLE
	6.COMMON
	7.PAGE
========================================================= */

/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */

/* 2.BASE-SET
--------------------------------------------------------- */

/* 3.WIRE-FRAME
--------------------------------------------------------- */

/* 4.FORM
--------------------------------------------------------- */

/* 5.TABLE
--------------------------------------------------------- */

/* 6.COMMON
--------------------------------------------------------- */

/* 7.PAGE
--------------------------------------------------------- */
#wrapper { max-height: 100%; }

#wrapper h1 span.sub { display: inline; font-size: 16px; font-weight: bold; margin-right: 8px; }
#wrapper section h2 { border-bottom: 1px #13335a solid; font-size: 24px; font-weight: bold; margin-top: 60px; padding-bottom: 8px; }
#wrapper section h2 span { border-left: 10px #13335a solid; display: block; line-height: 1; padding-left: 10px; }
#wrapper section h2 span span { border-left: none; font-size: 14px; display: inline; padding-left: 0; }

#about { margin: 20px 40px 0; padding-top: 60px; position: relative; }
#about .sponsor { font-size: 14px; left: 0; position: absolute; top: 0; }
#about .contact { position: absolute; right: 0; top: 0; }
#about .contact a { background: #07519a url(../img/ico_contact.png) 130px center no-repeat; color: #fff; display: block; font-size: 18px; line-height: 20px; min-height: 20px; min-width: 140px; padding: 10px; transition: .3s; }
#about .contact a:hover { filter: alpha(opacity=70); opacity: .7; text-decoration: none; }
#about .camp_btn { margin-bottom: 10px;}
#about .camp_btn a { display: inline-block; background: url(../../img/ico_campaign.png) right center no-repeat #cd1e1e; color: #fff; padding: 2px 25px 1px 10px; min-height: 29px; line-height: 29px; font-weight: bold;}
#about .camp_btn a:hover { filter: alpha(opacity=70); opacity: .7; text-decoration: none; }
#about div.desbox { float: left; width: 500px; margin-bottom: 30px; }
#about h2 { color: #000; font-size: 22px !important; font-weight: bold !important; padding: 0 !important; margin: 0 !important; border:none !important; }
#about div.desbox p, #about div.desbox ul { color: #666; font-size: 18px; margin-top: 10px; }
#about dl dd .campaign { background: url(../../img/ico_down.gif) no-repeat; font-size: 14px; margin-top: 40px; padding-left: 30px; }
#about .img { float: right; width: 357px; }
#about .img img { border: 1px #ccc solid }
#about div.desbox ul { margin-left: 20px; list-style-type: disc; }

#news { margin: 60px 40px 0 }
#news ul { margin: 0 20px }
#news ul li { border-bottom: 1px #ccc dotted; font-size: 14px; padding: 15px 0; position: relative; }
#news ul li .date { color: #666; display: block; float: left; min-width: 7em; }
#news ul li .title { display: block; overflow: hidden; zoom: 1; }

#point { margin: 60px 40px 0 }
#point ul li { margin-top: 20px }
#point div.desbox02 { float: right; padding-right: 20px; width: 530px; }
#point div.desbox02 h3 { color: #000; font-size: 18px; font-weight: bold; }
#point div.desbox02 p { color: #666; font-size: 14px; margin-top: 10px; }
#point ul li .img { float: left; padding-left: 20px; width: 280px; }
#point ul li .img img { border: 1px #ccc solid }
#point .movie { margin: 60px 20px 0 }

#price { margin: 60px 40px 0 }
#price .inner { margin: 0 20px }
#price p { margin-top: 20px }
#price table { margin-top: 15px; width: 100%; }
#price p.campaign_limit { color: #000; }
#price p.notice { margin-left: 1em; text-indent: -1em; font-size: 12px; line-height: 16px; }
#price p.options { color: #fe0d0d; font-size: 16px; font-weight: bold; margin-top: 20px; }
#price table tr th, #price table tr td { border: 1px #dcdcdc solid; font-size: 14px; padding: 15px 20px; text-align: left; vertical-align: middle; }
#price table tr:first-child th, #price table tr:first-child td { font-weight: bold }
#price table tr th { background-color: #97a9be; color: #fff; }
#price table tr td { color: #333 }
#price table tr td span.old { text-decoration: line-through }
#price table tr td span.new { color: #fe0d0d }
#price table tr.even td { background-color: #f5f7f9 }
#price table tr th.col_1 { width: 320px }
#price div.inner div.note p { margin: 0; }

#contact, #contact2 { margin: 60px 40px 0 }
#contact ul, #contact2 ul { margin: 20px 20px 0 }
#contact ul li, #contact2 ul li { height: 84px; width: 405px; }
#contact ul li.kamei, #contact2 ul li.kamei { float: left }
#contact ul li.mikamei, #contact2 ul li.mikamei { float: right }
#contact ul li a, #contact2 ul li a { background: #07519a url(../../img/ico_arrow-next.png) 380px center no-repeat; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 22px; font-weight: bold; line-height: 1.3; min-height: 84px; min-width: 405px; text-align: left; transition: .3s; }
#contact ul li.mikamei a, #contact2 ul li.mikamei a { line-height: 84px; min-height: 84px; min-width: 375px; padding: 0 0 0 30px; }
#contact ul li.kamei a, #contact2 ul li.kamei a { line-height: 84px; min-height: 84px; min-width: 375px; padding: 0 0 0 30px; }
#contact ul li a:hover, #contact2 ul li a:hover { filter: alpha(opacity=70); opacity: .7; text-decoration: none; }
#contact p, #contact2 p { color: #666; font-size: 12px; margin: 10px 20px 0; }

#contact dl.contact-phone { margin: 50px 20px 20px; border: 1px solid #dcdcdc; }
#contact dl.contact-phone dt { margin-bottom: 10px; padding: 10px 15px; background-color: #f5f7f9; font-size: 16px; text-align: center; }
#contact dl.contact-phone dd { padding: 0 15px 10px; }
#contact dl.contact-phone .notice { color: #ff0000; font-weight: bold;  font-size: 14px;}
#contact dl.contact-phone dd .number { margin-right: 15px; color: #07519a; font-size: 30px; font-weight: bold; }
#contact dl.contact-phone dd.t_number { text-align: center; font-size: 18px; padding-bottom: 0px; }
#contact dl.contact-phone dd.c_number { text-align: center; }
#contact dl.contact-phone dd.u_number { text-align: center; clear: both; }
#contact dl.contact-phone dd span.number_txt { font-weight: bold; vertical-align: super; }


#flow { margin: 60px 40px 0 }
#flow ol { margin: 25px 20px 0 }
#flow ol li { border: 2px #66a0df solid; float: left; margin-left: 36px; position: relative; width: 176px; }
#flow ol li:first-child { margin-left: 0 }
#flow ol li:after { background: url(../img/ico_flow.gif) no-repeat; content: " "; display: block; height: 18px; left: -23px; margin-top: -9px; position: absolute; top: 50%; width: 11px; }
#flow ol li:first-child:after { display: none }
#flow ol li dl dt { background-color: #66a0df; text-align: center; }
#flow ol li dl dd { font-size: 14px; padding: 10px; }