@charset "utf-8";


/* contents01
----------------------------------------------- */
div#contents01 {
margin: 0 auto;
padding: 0 ;
width: 740px;
}
div#contents-mail {
margin: 0px auto 10px auto;
padding: 0 ;
width: 740px;
}
h3 {
margin: 0 ;
padding: 15px 0 15px 0 ;
}
div.left-frame {
margin: 0 0 30px 14px ;
padding: 0 ;
width: 506px;
float: left;
display: inline;
}
div.left-frame h3{
	border-bottom:#C60 1px solid;
	font-size: small;
	padding: 5px 0;
}
div.right-frame {
margin: 0 0 30px 0 ;
padding: 0 ;
width: 200px;
float: right;
}
div.right-frame h4{
	background-color:#333;
	color:#fff;
	padding: 8px;
	margin: 0 0 10px 0;
}
div.right-frame h4 a{color:#fff;}
div.right-frame h5{font-weight:normal;}
div.one-frame {
margin: 0 0 30px 14px ;
padding: 0 ;
}

table#kakakutable{
margin:10px auto;
border-top:#ccc 2px solid;
border-left:#ccc 2px solid;
border-collapse:collapse;
}
table#kakakutable td{
border-right:#ccc 2px solid;
border-bottom:#ccc 2px solid;
padding:10px;
background-color:#FFF;
text-align:center;
}
table#kakakutable .s{
	background-color:#003399;
	color:#fff;font-weight:bold;
}
table#kakakutable .m{
	background-color:#006633;
	color:#fff;font-weight:bold;
}
table#kakakutable .l{
	background-color:#990000;
	color:#fff;font-weight:bold;
}
table#kakakutable td.point{
	background-color:#ffdcdc;
}
table#kakakutable .point strong{color:#cc0000;}
table#kakakutable td p{display:block;
width:168px;
margin:10px 0px;
}
table#kakakutable td p.b{color:#FFF;background-color:#083cff;}
table#kakakutable td p.o{background-color:#ffb600;}
div.text-img1 {
margin: 15px 0;
}
div.kakakusetumei{
	width:510px;
	margin:0 auto;
}
.kategori{color:#F63;}

.bold {
font-weight: bold;
}
.line {
width: 740px;
height: 1px;
overflow: hidden;
margin: 0 0 30px 0;
padding: 0 ;
background-color: #cbcbcb;
clear:both;
}
.line2 {
width: 726px;
height: 1px;
overflow: hidden;
margin: 0 0 30px 0;
padding: 0 ;
background-color: #cbcbcb;
clear:both;
}
div#service {
background-image: url("../images/contents-service_bg.gif");
}

img.service-tl {
margin: 6px 0 17px 11px;
}
p.service-text {
margin: 0 0 30px 0;
}

div#service-top {
width: 726px;
height: 9px;
margin: 0;
padding: 0;
background: url("../images/contents-service-top_bg.gif") left top no-repeat;
}
div#service-last {
width: 726px;
height: 9px;
margin: 0;
padding: 0;
clear: both;
background: url("../images/contents-service-last_bg.gif") left bottom no-repeat;
}

ul#serviceline {
margin: 0 11px 12px 11px;
padding: 0;
width: 704px;
}

ul#serviceline li {
float: left;
width: 228px;
_width: 198px;
height: 40px;
margin: 0 5px 5px 0;
_margin: 0 4px 5px 0;
padding: 0;
display: inline;
}
ul#serviceline li a {
display:block;
margin: 0 5px 0 0;
_margin: 0 2px 0 0;
padding: 0;
width:228px;
height:40px;
text-decoration: none;
text-indent: -9999px;
outline:none;
background: url("../images/service-btn-all.gif") no-repeat 0px 0px;
}
ul#serviceline li a:hover {
text-indent: -9999px;
}

ul#serviceline li.service-all_1 a {background-position: 0px 0px;}
ul#serviceline li.service-all_2 a {background-position: -238px 0px;}
ul#serviceline li.service-all_3 a {background-position: -476px 0px;}
ul#serviceline li.service-all_4 a {background-position: 0px -50px;}
ul#serviceline li.service-all_5 a {background-position: -238px -50px;}
ul#serviceline li.service-all_6 a {background-position: -476px -50px;}
ul#serviceline li.service-all_7 a {background-position: 0px -100px;}
ul#serviceline li.service-all_8 a {background-position: -238px -100px;}
ul#serviceline li.service-all_9 a {background-position: -476px -100px;}

ul#serviceline li.service-all_1 a:hover {background-position: 0px -150px;}
ul#serviceline li.service-all_2 a:hover {background-position: -238px -150px;}
ul#serviceline li.service-all_3 a:hover {background-position: -476px -150px;}
ul#serviceline li.service-all_4 a:hover {background-position: 0 -200px;}
ul#serviceline li.service-all_5 a:hover {background-position: -238px -200px;}
ul#serviceline li.service-all_6 a:hover {background-position: -476px -200px;}
ul#serviceline li.service-all_7 a:hover {background-position: 0px -250px;}
ul#serviceline li.service-all_8 a:hover {background-position: -238px -250px;}
ul#serviceline li.service-all_9 a:hover {background-position: -476px -250px;}






dl#serviceline {
margin: 0 11px 12px 11px;
padding: 0;
width: 704px;
}

dl#serviceline dd {
float: left;
width: 228px;
height: 40px;
margin: 0 5px 5px 0;
padding: 0;
display:block;
background: url("../images/service-btn-all.gif") no-repeat 0px 0px;
}
dl#serviceline dd a {
display:block;
margin: 0 5px 0 0;
padding: 0;
width:228px;
height:40px;
text-decoration: none;
text-indent: -9999px;
outline:none;
}
dl#serviceline dd a:hover {
text-indent: -9999px;
}

.service-all_1 a {background-position: 0 0;}
.service-all_2 a {background-position: -238px 0px;}

.service-all_1 a:hover {background-position: 0px -150px;}
.service-all_2 a:hover {background-position: -238px -150px;}




dt.example {
height: 35px;
margin: 0 0 10px 0;
font-weight: bold;
vertical-align: middle;
background-color: #e7e2cc;
}
.icon1 {
margin: 13px 6px 0 18px;
}
a.ex {
text-decoration: underline;
}
img.jisseki {
margin: 0 0 30px 0;
}

dd.cp {
font-weight: bold;
color: #f17e08;
margin: 0 0 8px 0;
}


div.koe {
height: 100%;
margin: 0 0 10px 0;
padding: 20px;
background-color: #e7e2cc;
}
div.koe-c {
margin: 0 0 15px 0;
font-weight: bold;
}
div.koe p{
margin-bottom: 10px;
}
.icon2 {
margin: 0px 6px 0px 0px;
}

dl.detail {
margin: 20px 0 0 0;
padding: 15px 15px 0 15px;
border: dotted 1px #000;
}
dl.detail dt{
font-weight: bold;
}
dl.detail dd{
margin: 0 0 15px 0;
}

dl.privacy {
height: 100%;
margin: 15px 0;
padding: 20px;
background-color: #e7e2cc;
}
dl.privacy dt{
font-weight: bold;
color: #f17e08;
margin: 0 0 8px 0;
}

div#plan1-out {
width: 726px;
margin: 0 0 0 41px;
}
div#plan1-out2 {
width: 726px;
margin: 0 20px 0 41px;
}
div#contents-left {
width: 353px;
float: left;
}
div#contents-right {
width: 353px;
margin: 0 0 30px 0;
float: right;
}
div.plan1-details {
margin: 0 0 10px 0;
padding: 0;
}
div.out {
width: 353px;
}
div.in {
height: 50px;
padding: 10px;
border: solid 3px #f47c01;
border-top: none;
}
img.tl {
display: block;
}
img.hiyou {
margin: 0 0 10px 0;
display: block;
}
img.02btn1 {
margin: 11px 0 0 0;
display: block;
}
img#tokuten {
margin: 15px 0 20px 27px;
display: block;
}

div.pt {
clear:both;
padding: 0 0 10px 0;
text-align: right;
}


/* footer left
----------------------------------------------- */
#footer-left {
width:370px;
float:left;
margin: 0px 0px 0px 0px;
padding: 0;
}
#footer-left ul li{
float: left;
border-left: 1px solid #FFF;
padding: 0 7px;
}
#footer-left ul li.last{
float: left;
border-right: 1px solid #FFF;
padding: 0 7px;
}
div.company {
margin: 40px 0px 0px 0px;
padding: 0;
}
dl.co {
margin: 10px 0px 0px 0px;
padding: 0;
}
dl.co dt {
margin: 0px 0px 5px 0px;
padding: 0;
clear: both;
}
.address {
float: left;
}
.tel {
	float: right;
	margin-right: 0px;
}
address {
margin: 20px 0px 0px 0px;
padding: 0px 0px 12px 0px;
text-align: right;
}


/* footer right
----------------------------------------------- */
#footer-right {
width:200px;
float:right;
margin: 0px 0px 0px 0px;
padding: 0;
}
