@charset "UTF-8";
@import url("style.css");
@import url("body_font_size.css");
/* ===================================================================
CSS information

 file name  :common.css
 style info :共通スタイル
 date       :2010.08.11
 
このスタイルシートの構成
-------------------------
 tag-reset
 clearfix
 common
 layouts/common
  -#header
	-#side
	-#footer
=================================================================== */

/* Reset
====================================*/
html,body,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,div,table,address,blockquote,form {
	margin:0;
	padding:0;
	}

/* Clearfix
====================================*/
.clearfix:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	}
.clearfix { display: block;　/* for Mac IE */
	}

/* Common
====================================*/
body{
	text-align:center;
	background:#fff url(../images/bg.jpg) repeat-x;
}
a{
	color:#006699;
	text-decoration:underline;
	outline:none;
}
a:hover{
}

img{border:0;}
ul{list-style:none;}
.clear{clear:both;}
.flL{float:left;}
.flR{float:right;}
.alR{text-align:right;}
.alC{text-align:center;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb18{margin-bottom:18px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.img_0mgn{font-size:0;}
.ml10{margin-left:10px;}
.ml30{margin-left:30px;}
.mr6{margin-right:6px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}

.smp01{
    background-image:url(../images/detail_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

h3{
	padding:30px 0;
}
p#pankuzu{
	margin:5px 0 25px;
}
p.pagetop{
	clear:both;
	text-align:right;
}

.tx_r{
	text-align:right;
}

ul.txlink{
	margin-bottom:15px;
}
ul.txlink li{
	background:url(../images/txlink_icon.gif) no-repeat 0px 7px;
	padding-left:9px;
	margin-left:12px;
}


/* Layouts
====================================*/
div#container{
	width:950px;
	margin:0 auto;
	text-align:left;
}
div#header{
	position:relative;
	height:110px;
}
div#wrapper{
	width:950px;
	padding-bottom:20px;
	overflow:hidden;
}
div#main{
	width:710px;
	float:left;
	margin-right:30px;
	_margin-right:28px;
	_display:inline;
}
div#side{
	width:210px;
	float:left;
	margin-bottom:20px;
	_display:inline;
}


/*------------------------------------
	#header
------------------------------------*/

div#header h1{
	position:absolute;
	top:40px;
	left:0;
	font-weight:normal;
}
div#header h2{
	position:absolute;
	left: 0;
	top: 65px;
}
div#header p.header_info{
	position:absolute;
	right:0;
	top: 37px;
}
div#header ul#subnavi{
	position:absolute;
	right:200px;
	top:74px;
}
div#header ul#subnavi li{
	float:left;
	display:inline;
	margin-right:5px;
}
div#header ul#subnavi li.last{
	border-left:1px solid #CCC;
	padding-left:5px;
}

/*------------------------------------
	ul.gnavi{
------------------------------------*/
ul.gnavi{
	clear:both;
	height:50px;
	font-size:0;
}
ul.gnavi li{
	float:left;
	display:inline;
}
ul.gnavi li img{
	_vertical-align:bottom;
}

/*------------------------------------
	#main
------------------------------------*/
div#main h4.mb30{
	margin-bottom:30px;
}
div#main h4.mb20{
	margin-bottom:20px;
}
div#main div.box{
	margin-bottom:40px;
}
div#main p.normal,
div#main div.box p{
	margin:0 20px 20px;
}


/*------------------------------------
	#side
------------------------------------*/
div#side div.sideBox{
	width:202px;
	border:3px solid #f0f0f0;
	padding:1px;
	margin-bottom:6px;
}
div#side div.sideBox dl{
	width:192px;
	margin:0 auto 0;
}
div#side div.sideBox dl dt{
	width:182px;
	margin:0 0 5px 4px;
}
div#side div.sideBox dl dd{
	margin:5px 10px 0;
}
div#side div.sideBox dl#side_border dd,
div#side div.sideBox dl#side_free dd,
div#side div.sideBox dl#side_apply dd,
div#side div.sideBox dl#side_consul dd{
	margin:0 5px 0 70px;
}
div#side div.sideBox dl#side_border{
	width:190px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	position:relative;
	padding-bottom:5px;
}
div#side div.sideBox dl#side_border div.icon_img01{
	position:absolute;
	top:57px;
	left:8px;
}
div#side div.sideBox dl#side_border div.icon_img02{
	position:absolute;
	top:36px;
	left:8px;
}
div#side div.sideBox dl#side_border div.icon_img03{
	position:absolute;
	top:38px;
	left:8px;
}
div#side div.sideBox dl#side_free{
	background:url(../images/side_bg_free.gif) no-repeat 0 0;
	height:130px;
}
div#side div.sideBox dl#side_apply{
	background:url(../images/side_bg_apply.gif) no-repeat 0 0;
	height:108px;
}
div#side div.sideBox dl#side_consul{
	background:url(../images/side_bg_consul.gif) no-repeat 0 0;
	height:124px;
}
div#side div.sideBox dl#side_faq{
	width:190px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	position:relative;
	padding-bottom:5px;
}
div#side div.sideBox p#side_info{
	margin:10px auto;
	text-align:center;
}
div#side div.sideBox div.side_case{
	width:182px;
	margin-left:11px;
}
div#side div.sideBox div.ml5{
	margin-left:5px;
}
div#side div.sidebanner {
    margin-bottom: 6px;
}
div.privacymark {
    margin-bottom: 15px;
}
div#side div.sidebanner h4 {
    margin-bottom: 6px;
}
div.sidebanner h4 {
    margin-bottom: 6px;
}

/*------------------------------------
	#footer - Layouts
------------------------------------*/
div#footer_area{
	width:100%;
	background:url(../images/footer_gnavi_bg.jpg) repeat-x;
	text-align:left;
	color:#FFF;
}
div#footer_area a{
	color:#FFF;
	text-decoration:none;
}
div#footer_area ul.gnavi{
	width:950px;
	height:40px;
	margin:0 auto;
}
div#footer_area div#footerarea_wrapper{
	background:url(../images/footerarea_bg.jpg) repeat;
	padding-top:20px;
}
div#footer_area div#footerarea_inner{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
div#footer_area div#main{
	width:550px;
	float:left;
}
div#footer_area div#side{
	width:325px;
	float:right;
}
div#footer_area div#footer{
	background:#4e4e4e url(../images/footer_bg.jpg) repeat-x;
}
div#footer p#copyright{
	padding-top:5px;
	color:#CCC;
}


	/*  #main
------------------------------------*/

div#footer_area div#main h4{
	border-bottom:2px solid #999;
	padding-bottom:15px;
	margin-bottom:15px;
}
div#footer_area div#main dl{
	position:relative;
	border-bottom:1px solid #999;
	margin-bottom:15px;
	padding-bottom:5px;
}
div#footer_area div#main dl dt{
	position:absolute;
	left:10px;
	_left:-190px;
	top:0;
}
div#footer_area div#main dl dd{
	margin-left:200px;
}
div#footer_area div#main dl dd p{
	margin-left:15px;
	margin-bottom:5px;
}
div#footer_area div#main dl dd ul li{
	background: url(../images/footer_icon_list.gif) no-repeat 0 5px;
	padding-left:15px;
	margin-bottom:10px;
}
div#footer_area div#main dl dd ul li img{
	padding-left:10px;
	vertical-align:middle;
}
	
	/*  #main
------------------------------------*/

div#footer_area div#side h5{
	margin:20px 0 15px 0;
}
div#footer_area div#side ul#footer_bnr{
	width:279px;
	margin:0 auto;
}
div#footer_area div#side ul#footer_bnr li{
	margin-bottom:5px;
}

	/*  #footer
------------------------------------*/
div#footer_inner{
	width:950px;
	margin:0 auto;
	text-align:right;
	padding:20px 0 10px;
	position:relative;
}
div#footer_inner ul li{
	float:right;
	margin-right:10px;
}
div#footer_inner p#pmark{
	position:absolute;
	left:0;
	top:20px;
	width:210px;

}

	/*  link_color
------------------------------------*/
div#footerarea_inner a:link{color:#ffffff;text-decoration:none;}
div#footerarea_inner a:visited{color:#ffffff;text-decoration:none;}
div#footerarea_inner a:hover,a:active{color:#fffffff;text-decoration:underline;}

div#footer_inner a:link{color:#ffffff;text-decoration:none;}
div#footer_inner a:visited{color:#ffffff;text-decoration:underline;}
div#footer_inner a:hover,a:active{color:#fffffff;text-decoration:none;}

.link_mark{
margin:0px 0px 0px 0px;
padding:4px 0px 3px 18px;
background:url("../images/tit_icon_list.jpg") no-repeat 0px 3px;
}
.link_mark_g{
margin:0px 0px 0px 0px;
padding:4px 0px 3px 18px;
background:url("../images/tit_icon_list02.jpg") no-repeat 0px 3px;
}
.pagetop_box{
width:690px;
margin-left:10px;
margin-bottom:40px;
text-align:right;
}
.link_pagetop{
margin:0px 0px 0px 0px;
padding:4px 0px 0px 18px;
background:url("../images/pagetop_icon.jpg") no-repeat 0px 5px;
}
.link_detail{
margin:0px 0px 0px 0px;
padding:4px 0px 3px 18px;
background:url("../images/detail_icon.jpg") no-repeat 0px 3px;
}

	/*  table
------------------------------------*/
table.chart {
	border-collapse: separate;
	border-spacing:1px 1px;
	background-color:#cccccc;
}
table.chart td {
	padding:15px 10px 15px 10px;
	background-color:#ffffff;
	border:solid 1px #ffffff;
	text-align:center;
}
table.chart th {
	padding:15px 10px 15px 10px;
	border:solid 1px #ffffff;
	background-color:#f6f5ed;
	text-align:center;
}

.chart .bg_yellow{
	background-color:#ffffcc;	
}
table.function {
	border-collapse: separate;
	border-spacing:1px 1px;
	background-color:#cccccc;
}
table.function td {
	padding:10px 10px 10px 10px;
	background-color:#ffffff;
	border:solid 1px #ffffff;
}
table.function th {
	padding:10px 10px 10px 10px;
	border:solid 1px #ffffff;
	background-color:#f6f5ed;
	text-align:center;
}

table.flow {
	border-collapse: separate;
	border-spacing:1px 1px;
	background-color:#cccccc;
}
table.flow td {
	padding:10px;
	background-color:#ffffff;
	border:solid 1px #ffffff;
	text-align:center;
}
table.flow th {
	padding:10px;
	border:solid 1px #ffffff;
	background-color:#f6f5ed;
	text-align:center;
}

table.merit {
	border-collapse: separate;
	border-spacing:1px 1px;
	background-color:#cccccc;
}
table.merit td {
	padding:10px;
	background-color:#ffffff;
	border:solid 1px #ffffff;
	text-align:left;
}
table.merit th {
	padding:10px;
	border:solid 1px #ffffff;
	background:url("../../guide/merit/images/bg_qustion.jpg") no-repeat right bottom;
	background-color:#f6f5ed;
	text-align:left;
}

table.seminar {
	border-collapse: separate;
	border-spacing:1px 1px;
	background-color:#cccccc;
}
table.seminar td {
	padding:10px;
	background-color:#ffffff;
	border:solid 1px #ffffff;
	text-align:left;
}
table.seminar th {
	padding:10px;
	border:solid 1px #ffffff;
	background-color:#f6f5ed;
	text-align:left;
}


/* Layouts
====================================*/

div#case_box {
    border: 3px solid #F0F0F0;
	margin-bottom: 20px;
	overflow: hidden;
	width: 704px;
}
div.case_box_title {
    height: 31px;
	margin: 1px;
	font-weight: bold;
	margin: 2px 6px 45px 1px;
}
div.image_right_box {
    float:left;
	margin-left:10px;
	width: 300px;
	width: 382px;
}
div.image_right_box_text {
    margin: 0 50px 3px;
	font-size:12px;
}
div.image_left_box_text {
    margin-bottom: 3px;
}
div.image_left_box {
    float:left;
	margin-left: 35px;
	width: 214px;
	font-size:12px;
}
div.koe_box {
    margin: 0 0 35px 35px;
	background-color: #F5F5ED;
	width: 634px;
}
div.koe {
    width: 603px;
	font-weight: bold;
	padding: 10px 15px 0;
	font-weight: bold;
	color: #E41F26;
}
div.koe_text {
    padding: 10px 15px;
    width: 603px;
}
div.siteinfo_text {
    font-weight: bold;
	padding: 10px;
	font-weight: bold;
	color: #333333;
}
div.siteinfo_box {
    border: 1px solid #CCCCCC;
	padding: 10px 0 10px 10px;
	height: 170px;
	margin-bottom: 35px;
	width: 634px;
}
div.left_box, .right_box {
    float:left;
	width: 317px;
}
div.box01, .box02, .box03, .box04 {
    padding: 2px;
	border: 1px solid #F0F0F0;
	margin: 0 10px 10px 0;
	width: 300px;
}
div.box01_title, .box02_title, .box03_title, .box04_title {
    width: 300px;
	font-weight: bold;
	margin-bottom: 10px;
}
div.box01_text, .box02_text, .box03_text, .box04_text {
    width: 300px;
	margin: 10px;
}
div.recommend_box_text {
    width: 300px;
}
div.site_box_left {
    float:left;
	width: 334px;
}
div.site_box_right {
    float:left;
	width: 300px;
}
div.title_site_box {
    margin:0 0 17px 0;
	width: 300px;
}
div.title_site_box2 {
    margin:0 0 30px 0;
	width: 300px;
}
div.title_site ,.title_url , .title_cms , .title_recommend {
    font-weight: bold;
	padding: 5px;
}
div#text_box {
    clear: left;
	width: 634px;
	margin: 0 35px;
	padding-top: 50px;
}
div.title_site_text {
    margin:10px;
}

#privacy_policy_agreement {
  margin: 20px 0 10px 20px;
  background-color: #ebebe4;
  width: 11%;
}

#mail_bn_box {
  padding-bottom: 40px;
}

div.mail_box {
  padding-bottom: 15px;
}

div.mail_bn01 {
  font-weight:;
  padding:0 0 0 18px;
  background: url("../images/tit_icon_list02.jpg") no-repeat scroll 0 3px transparent;
}

div.mail_bn02 {
  font-weight:;
  padding:0 0 15px 0;
}

div#voice_box {
    border: 3px solid #F0F0F0;
	margin-bottom: 20px;
	overflow: hidden;
}

div.v01 {
  margin:0 35px 35px;
}

div.vt01 {
  margin:0 35px 10px;
}

div.v02 {
  border: 1px solid #CCCCCC;
  margin:0 35px 35px;
  padding: 10px 0;
  width: 634px;
  height: 575px;
}

div.v03 {
  margin:10px;
  width: 320px;
  float: left;
}

div.v03_01 {
  margin:10px;
}

div.v03_02 {
  margin:10px;
}

div.v04 {
  margin-top: 10px;
  padding: 0 22px;
}

div.v05_01 {
  margin-left: 24px;
  width: 190px;
  float: left;
}

div.v05_02 {
  float: left;
  margin: 20px 0 0 10px;
  width: 410px;
}

span.v05_02 {
  font-weight:bold;
}

span.v05_02 {
  font-weight:bold;
}

div.v06_area01 {
  margin: 0 20px 0 26px;
  width: 375px;
  float: left;
  font-size:bold;
  font-size: 14px;
  letter-spacing: 1px;
}

div.v06_area02 {
  margin: 0 26px 0 25px;
  width: 647px;
  font-size: 14px;
}

div.v06_area03 {
  margin: 0 20px 0 26px;
  width: 375px;
  float: left;
  font-size:bold;
  font-size: 14px;
  letter-spacing: 1px;
}

div.v06_area04 {
  margin: 0 26px 25px;
  width: 647px;
  font-size: 14px;
}

div.v06_area05 {
  margin: 0 20px 0 26px;
  width: 375px;
  float: left;
  font-size:bold;
  font-size: 14px;
  letter-spacing: 1px;
}

div.v06_area07 {
  margin: 0 26px 25px;
  width: 647px;
  font-size: 14px;
  text-align: center;
}

.v06_area01 h5 {
    color: #CC0000;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: -0.1ex;
    margin-bottom: 25px;
}

.v06_area03 h5 {
    color: #CC0000;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: -0.1ex;
    margin-bottom: 25px;
}

.v06_area04 h5 {
    color: #CC0000;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: -0.1ex;
    margin-bottom: 25px;
}

.v06_area05 h5 {
    color: #CC0000;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: -0.1ex;
    margin-bottom: 25px;
}

div.a01 {
  margin-bottom: 25px;
}

div.q03 {
  margin-bottom: 25px;
}

div.a03 {
  margin-bottom: 25px;
}

div.q05 {
  margin-bottom: 25px;
}

div.a05 {
  margin-bottom: ;
}

div.img02 {
  margin-bottom: 42px;
  float: left;
}

div.img03 {
  margin: 25px 0 25px 26px;
  float: left;
}

div.img05 {
  margin-bottom: 50px;
  float: left;
}

div.img05_01 {
  text-align: center;
}