@charset "utf-8";  

/*========================================================
	h-tag
========================================================*/  
h2{ margin: 7em 0 0;}
h3{}
h4{}
h5{}

/*========================================================
	body
========================================================*/  
body { text-align: center; line-height: 1.5; background: #f9f9f9; width: 100%; min-width:  960px;}

/*========================================================
	flame
========================================================*/  
#wrapper{ width: 100%; height: 100%;}
#container{}

/*========================================================
	header
========================================================*/  
#header {} 
#header h1{}

/*========================================================
	contents
========================================================*/  
#contents{ margin: 0 auto; width: 960px; box-shadow: 0px 0px 10px #999; background: #fff;}

.contact{ position: relative; width: 960px; height: 470px; background: url(../img/contact-bg-color.png) no-repeat center center; text-align: left;}
.contact p.btn{ position: absolute; top: 233px; right: 170px;}
.contact p.txt{ position: absolute; top: 255px; right: 50px; font-size: 1.25em;}
.contact p.txt a{ display: block;}
.contact p.txt a:hover{ color: #ffa300; text-decoration: none;}
.contact ul{ position: absolute; display: block; bottom: 0px; right: 50px;}
.contact ul li{ font-size: 0.70em; line-height: 1.35;}
.option{ position: relative; margin: 30px auto 50px; width: 900px; height: 400px; background: url(../img/option-bg-color.png) no-repeat center center; text-align: left;}
.option p.combi{ position: absolute; font-size: 0.8em; color: #333; top: 105px; left: 255px;}
.option p.combi-a{ position: absolute; top: 160px; right: 30px;}
.option p.cross{ position: absolute; font-size: 0.8em; color: #333; bottom: 50px; left: 255px;}
.option p.cross-a{ position: absolute; bottom: 25px; right: 30px;}
.option p.combi-a a:hover,
.option p.cross-a a:hover{ color: #ffa300; text-decoration: none;}

.point{ background: #109500;}
.point dl{ position: relative; margin: 0 auto; padding: 2em 0; text-align: center;}
.point dl.point-first{ background: url(../img/point-bg-color_01.png) no-repeat; width: 800px; height: 320px;} 
.point dl.point-second{ background: url(../img/point-bg-color_02.png) no-repeat; width: 800px; height: 320px;} 
.point dl.point-third{ background: url(../img/point-bg-color_03.png) no-repeat; width: 800px; height: 320px;} 
.point dl dt{ position: absolute; display: block; left: 2em; top: 180px; width: 500px; font-size: 0.9em; text-align: left; line-height: 1.7;}
.point dl.point-third dd{ position: absolute; left: 30px; top: 275px; font-size: 0.75em; color: #c40000; line-height: 1.2 !important; text-align: left;}

.compensation{ margin: 0 0 3em;}

.campaign{ margin: 2em 0;}

.voice{}
.voice dl{ position: relative; margin: 2em 0; width: 960px; height: 200px; text-align: left;}
.voice dl.voice_01{ background: url(../img/voice-01.png) no-repeat;}
.voice dl.voice_02{ background: url(../img/voice-02.png) no-repeat;}
.voice dl.voice_03{ background: url(../img/voice-03.png) no-repeat;}
.voice dl dd{ position: absolute; top: 70px; left: 280px; width: 590px; font-size: 0.95em;}

.greed{ margin: 1em 3em 4em;}
.greed dl{ position: relative; text-align: left;}
.greed dl dt.pic{ float: left; margin: 0 2em 0 0;}
.greed dl dt.tit{ margin: 0 0 0 2em;}
.greed dl dt.sign{ position: absolute; bottom: -3em; right: 0;}
.greed dl dd{ font-size: 0.9em; margin: 0 0 1em;}

.kiso{ background: #ebe7dd; text-align: center; padding: 0 4em;}
.kiso table{ display: block; float: left; width: 370px; margin: 0 1em;}
.kiso table thead{}
.kiso table thead tr th{ padding: 0.5em; background: -webkit-linear-gradient(#9bccf0 0%, #e1e4f3 100%);}
.kiso table tbody{ background: #fff;}
.kiso table tbody tr th{ padding: 0.5em; width: 30%; font-weight: bold;border: 1px solid #aaa;}
.kiso table tbody tr td{ padding: 0.5em; width: 65%; border: 1px solid #aaa;}

.entry > h2{ margin: 1em 0; font-size: 2em; font-weight: bold; padding: 0 0 5px; border-bottom: 1px solid #333;}
.entry h3{ margin: 3em auto 0.5em; width: 90%; border-bottom: 1px dotted #009e0c; color: #009e0c; font-size: 1.3em;} 
.entry h4{}
.entry table{ margin: 0 auto; width: 90%; text-align: center;}
.entry table th{ padding: 8px 0; width: 250px; background: #eee; border: 1px solid #aaa;}
.entry table td{ padding: 8px 10px; text-align: left; border: 1px solid #aaa;}
.entry p{ width: 90%; margin: 0 auto; text-align: left;}
.entry p.al-right{ text-align: right; font-weight: bold;}

.flow-box{ margin: 2em auto; text-align: center;}

/*========================================================
	footer
========================================================*/  
#footer{ position: relative; width: 100%; padding: 1em 0; background: #333; margin: 0 !important; border-bottom: 1px solid #000;}
#footer .f-inner{ width: 960px; margin: 0 auto;}
#footer .f-inner p{ margin: 1em 0; font-size: 1.4em; color: #fff; }
#footer .f-inner ul li{ display: inline; padding: 0 0.7em;}
#footer .f-inner ul li a{ color: #fff; text-decoration: underline; font-size: 1.1em;}
#footer .f-inner ul li a:hover{ color: #ff0; text-decoration: none; text-shadow: 1px 1px 1px #333;}
#copyright{ position: relative; padding: 1.5em 0; width: 100%; height: 100%;  background: #333; border-top: 1px solid #555;}
#copyright .c-inner{ width: 960px; margin: 0 auto;}
#copyright .c-inner p{ float: right; margin: 0 2em 0 0; color: #fff; font-size: 0.8em;}
#copyright .c-inner ul{ float: left; margin: 0 0 0 2em; font-size: 0.8em;}
#copyright .c-inner ul li{ display: inline; padding: 0 2em;}
#copyright .c-inner ul li a{ color: #fff; text-decoration: underline;}
#copyright .c-inner ul li a:hover{ color: #ff0; text-decoration: none; text-shadow: 1px 1px 1px #999;}



table.tbl1{ margin: 0 auto; width: 90%;}
table.tbl1 tr{}
table.tbl1 tr th{ width: 240px; height: 50px; background: #eee;}
table.tbl1 tr td{ padding: 0 0 0 20px; height: 50px; border: 1px solid #ccc; text-align: left;}

h2.intro{ margin: 0 0 20px; padding: 15px 5% 5px !important; border-bottom: 3px double #00b225 !important;}
h3.union{ margin: 30px 0 0 5% !important; padding: 10px 0 0 30px !important; border-left: 5px solid #5cb376 !important; text-align: left;}

.privacy{ margin: 0 auto; padding: 0 0 100px; width: 90%; text-align: left; font-size: 0.85em;}
.privacy p{ margin: 0 0 20px;}