@charset "Shift-jis";

@import url(navi7.css);
@import url(menu7.css);
@import url(style_wysywebBlock.css);
@import url(module.css);
@import url(print.css);

/* ページ全体
------------------------------------------------------------ */
* {
margin: 0px;
padding: 0px;
	  font-family: 'Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    }
		

body {
	margin: 0;
	padding: 0;
	background:#f1f1f1;
	color: #454545;
}

strong{
	font-weight:bold;
	color:#555555;
	}

form {
	  font-family: 'Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    }
		



#wrapper {
	width: 855px;
	margin: 0 auto;
	background:url(../../img/wrapper_bg.jpg) repeat-y;
}

#wrapper-body {
	width: 803px;
	margin: 0 auto;
}
#wrapper-bottom {
	width: 855px;
	height:10px;
	margin: 0 auto;
	background:url(../../img/warapperbottom_bg.jpg) no-repeat;
	background-position:bottom;
}

img {
	border: none;
	vertical-align:bottom;
	margin:0;
	padding:0;
	
}

em{
font-style:normal;
}

a{
	overflow:hidden;
	}

ul{
list-style:none;
}

li{
list-style:none;
}
/* テーブルタグ装飾
------------------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
}
table td {
	padding: 0;
	vertical-align: top;
}


a{color:#0084b5; text-decoration:underline;}
a:visited {color:#0084b5; text-decoration:underline;}
a:hover{color:#ff9e0d; text-decoration:underline;}
a:activ{color:#ff9e0d; text-decoration:underline;}



/* リンクテキストの装飾
------------------------------------------------------------ */
/*
a {
	color: #6e6e6e;
	text-decoration: none;
}
a:visited {
	color: #6e6e6e;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}
*/

/* 全ての行間を詰める（行間リセット）
------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
}

hr {
    margin: 0;
    padding: 0;
    display: none;
}


/* リストタグ装飾
------------------------------------------------------------ */

ul {}

ol {}

li {}


/* ページの先頭に戻る
------------------------------------------------------------ */

.page-top {
	text-align: right;
	margin:50px 10px 40px 0;
	clear:both;
}
/* 前のページに戻る
------------------------------------------------------------ */

.goback {
	text-align: right;
}


/* ヘッダー装飾（サイトID部分）
------------------------------------------------------------ */

#header {
width: 835px;
height: 88px;
background:url(../../img/top_border.gif) no-repeat;
background-position:top;
margin: 0 auto;
}

#header-inner{
width:274px;
margin:20px 0 0 16px;
_margin:20px 0 0 8px;
float:left;
}

#header-right{
width:524px;
margin:10px 16px 0 0px;
_margin:10px 8px 0 0px;
float:right;
}

#header .logo {
	float: left;
	width:274px;
	height:43px;
	background:url(../../img/logo_img.gif) no-repeat;
	margin:0px 0 4px 0px;
}
#header .logo a{
	width:274px;
	height:43px;
	display:block;
	text-indent:-9999px;
}
#header h1 {
	width:335px;
	padding: 5px 0 0 0px;
	margin:2px 0 0 5px;
	float:left;
	font-weight:normal;
	font-size:10px;
	line-height:1.2;
}



#header h2 {
	margin: 0;
	padding: 21px 0 0 20px;	
	font-weight:normal;
	color:#454545;
}
#header-right #header-bottom{
margin-top:5px;
}
#header-botton{
	clear:both;
}

/*------------------------------TextSize*/
#textSize {
	width: 175px;
	height: 31px;
	margin: 0 0 5px 0;
	padding: 0;
	float:right;
}
#textSize th{
	vertical-align:middle;
	margin: 0;
	padding: 0;
}
#textSize th img{
	margin:0 0px 0 4px;
}

#textSize th img a{
	margin:0 0 0 0;
}

#textSize td img {
	margin: 0;
	padding: 0;
}





/*----------------------------Contents*/



#content{
width:803px;
margin: 0 auto;
background: url(../../img/contener_bg.jpg) repeat-y;
background-position:right;
clear:both;

}
#content-top{
width:803px;
height:23px;
margin: 0 auto;
background:url(../../img/contenertop_bg.jpg) no-repeat;
background-position:bottom;
}
#content-inner{
width:803px;
height:42px;
margin: 0 auto;
background:url(../../img/contenertop_bg.jpg) no-repeat;
background-position:bottom;
}

#content-inner p{
margin:8px 0 0 14px;
_margin:8px 0 0 7px;
float:left;
width:600px;
}
#content-inner img{
float:right;
width:53px;
margin:11px 10px 0 0;
}



/* パンくずナビ
------------------------------------------------------------ */

#bread {
	padding: 7px 15px 0px 15px;
	clear:both;
}


/* メインビジュアル
------------------------------------------------------------ */

#visualmain {
/*	height: 250px;*/
}



/*----------------------------------------コンテンツ汎用*/

#content-left{
width:570px;
float:left;
margin:0 0 0 5px;
_margin:0 0 0 3px;
}

#content-right{
width:211px;
float:right;
margin:0 4px 0 0;
_margin:0 2px 0 0;
}

#content-bottom{
width:803px;
background:url(../../img/contenarbottom_bg.jpg) no-repeat;
background-position:bottom;
clear:both;
}

#content-bottom ul{
list-style:none;
}
#content-bottom li{
display:inline;
margin:0 0 0 15px;
}#content-bottom li a{ 
background:url(../../img/arrow_orange.jpg) no-repeat;
background-position:left center;
padding:0 0 0 14px;
}

#content-bottom li a{color:#454545; text-decoration:none;}
#content-bottom li a:visited {color:#454545; text-decoration:none;}
#content-bottom li a:hover{color:#ff9e0d; text-decoration:underline;}
#content-bottom li a:activ{color:#ff9e0d; text-decoration:underline;}


/*--------------------------------------コンテンツ左メニュー*/

#content-left h3{
background: url(../../img/h3_bg.jpg) no-repeat;
width:544px;
height:24px;
padding:9px 5px 0 18px;
margin:5px 0 15px 0;
color:#0084b5;
clear:both;
}



#content-left h4.content-h4{
background: url(../../img/h4_bg.gif) no-repeat;
width:544px;
height:23px;
padding:9px 5px 0 18px;
margin:5px 0 15px 0;
color:#454545;
clear:both;
}



#content-left .top-title{
margin:5px 5px 15px 5px;
font-weight:100;
}

#content-left .top-title2{
margin:5px 5px 30px 5px;
}

#content-left p a{color:#0084b5; text-decoration:underline;}
#content-left p a:visited {color:#0084b5; text-decoration:underline;}
#content-left p a:hover{color:#ff9e0d; text-decoration:underline;}
#content-left p a:activ{color:#ff9e0d; text-decoration:underline;}





.top-feature{
width:266px;
float:left;
height:105px;
margin:0 10px 15px 5px;
}
.top-feature img{
width:85px;
float:left;
}
.top-feature div{
width:176px;
float:right;
}
.top-feature div h4{
background: url(../../img/h4top-bg.gif) no-repeat;
height:21px;
padding:2px 0 0 13px;
}
.top-feature div h4 a{color:#454545; text-decoration:none;}
.top-feature div h4 a:visited {color:#454545; text-decoration:none;}
.top-feature div h4 a:hover{color:#ff9e0d; text-decoration:none;}
.top-feature div h4 a:activ{color:#ff9e0d; text-decoration:none;}


.top-feature div p{
margin:3px 2px;
}




.topics{
margin-bottom:30px;
}

.topics dt{
width:80px;
background:url(../../img/arrow2_orange.gif) no-repeat;
background-position:left center;
margin:0 5px 10px 5px;
padding:0 0 0 20px;
float:left;
}
.topics dd{
width:445px;
margin:0 5px 10px 0px;
float:right;
}

.archives-right{
text-align:right;
}

.topics li{
width:535px;
background:url(../../img/arrow2_orange.gif) no-repeat;
background-position:0 1px;
margin:0 5px 10px 7px;
padding:0 0 0 20px;
}

.topics dd a{color:#0084b5; text-decoration:underline;}
.topics dd a:visited {color:#0084b5; text-decoration:underline;}
.topics dd a:hover{color:#ff9e0d; text-decoration:underline;}
.topics dd a:activ{color:#ff9e0d; text-decoration:underline;}




.block-image-text{
margin:0 5px 30px 5px;
}
.block-image-text h5{
font-weight:bold;
text-align:right;
margin: 0 10px 5px 0;
}
.block-image-text img{
margin:0 15px 10px 0px;
float:left;
}.block-image-text p{
margin:0 0px 20px 0px;
}

.text-right{
text-align:right;
}











/*--------------------------------about*/

.f-Box{
width:561px;
margin:0 5px 20px 5px;
clear:both;
}
.f-Box img{
width:200px;
float:left;
}
.f-Box-inner{
float:right;
width:346px;
}
.f-Box h5{
background:url(../../img/h5_bg.jpg) no-repeat;
background-position:left center;
padding:5px 0 0 25px;
height:15px;
margin-bottom:10px;
}






/*---------------------------------flow*/
.flow-Box{
width:561px;
margin:0 5px 25px 5px;
clear:both;
}
.flow-img{
width:53px;
float:left;
}
.flow-Box-inner{
float:right;
width:490px;
}

.flow-Box-inner div h4{
padding:0px 5px 2px 5px;
margin:0px 0 5px 0;
color:#454545;
float:left;
width:380px;
display:block;
}

.flow-Box-inner div img{

float:right;
}
.flow-Box-inner p{
padding:3px 5px 0 5px;
clear:both;
width:480px;
background: url(../../img/h4_bg2.gif) no-repeat;
background-position:left top;
}
.flow-Box-inner div{
clear:both;
}

.flow-arrow{
clear:both;
margin:10px 0 0 0;
}




/*------------------------------------------plan*/
.p-Box{
width:175px;
margin:0 6px 20px 6px;
float:left;
}
.p-Box img{
margin-bottom:5px;
}
.p-Box h5{
font-weight:100;
margin:0 3px 3px 3px;
}
.p-Box p{
background:url(../../img/arrow03_orange.gif) no-repeat;
background-position:left center;
padding:0 0 0 17px;
float:right;
}

.p-Box-bottom{
width:558px;
margin:0 6px 20px 6px;
clear:both;
text-align:right;
}




.botton-Box{
clear:both;
margin-bottom:20px;
text-align:center;
}
.botton-Box img{
margin:0 7px;
}

table.plan-table {
    margin: 5px 5px 30px 5px;
	clear:both;
	width:550px;
}
table.plan-table td {
	padding:10px 10px 10px; 	
	border:1px solid #bbbbbb;	
}

table.plan-table td.feature {
    width:145px;
	vertical-align:middle;

	}

table.plan-table .top-th,table.plan-table .top-td{
font-weight:bold;
text-align:center;
background:url(../../img/ta_bg.gif);
}



table.option-table {
    margin: 0px 5px 0px 5px;
	clear:both;
	width:550px;
}

table.option-table td {
	padding:10px 10px 10px;
	border:1px solid #bbbbbb;
}
table.option-table .top-th,table.option-table .top-td,table.option-table .top-td2{
font-weight:bold;
text-align:center;
background:url(../../img/ta_bg.gif);
}

table.option-table .top-th{
width:110px;
}
table.option-table .top-td{
width:auto;
}
table.option-table .top-td2{
width:260px;
}

table.option-table td.feature {
width:110px;
}
table.option-table td.highlight{
width:auto;
}
table.option-table td.highlight2{
width:260px;
}



table.details-table {
    margin: 0px 5px 0px 5px;
	clear:both;
	width:550px;
}

table.details-table td {
	padding:10px 10px 10px;
	border:1px solid #bbbbbb;
}
table.details-table .top-td{
font-weight:bold;
text-align:center;
background:url(../../img/ta_bg.gif);
}
table.details-table .top-td{
width:110px;
}
table.details-table td.feature {
width:110px;
text-align:left;
font-weight:bold;
}
table.details-table td.highlight{
width:110px;
text-align:center;
}


/*---------------------------------------------QA*/
.qa-Box{
width:561px;
margin:0 5px 15px 5px;
clear:both;
}
.qa-Box2{
width:561px;
margin:0 5px 30px 5px;
padding-bottom:30px;
clear:both;
background: url(../../img/border_bg.gif) repeat-x;
background-position:bottom;
}
.qa-Box img{
width:26px;
float:left;
}.qa-Box2 img{
width:26px;
float:left;
}
.qa-Box-inner{
float:right;
width:522px;
}

.qa-Box strong{
font-weight:bold;
}


/*----------------------------------------COMPANY*/

.taBox{
clear:both;
width:555px;
background: url(../../img/ta_bk.gif) repeat-y;
border-left:1px solid #8ac432;
border-right:1px solid #8ac432;
border-top:1px solid #8ac432;
border-collapse:collapse;
margin:0 5px 0px 5px;
}
.ta-left{
width:120px;
float:left;
}
.ta-left p{
margin:0 2px 0px 3px;
padding:5px;
}
.ta-right{
width:435px;
float:right;
}
.ta-right p{
margin:0 2px 0px 3px;
padding:5px;
}
.ta-bottom{
border-top:1px solid #8ac432;
width:557px;
margin:0 5px 0px 5px;
}



/*フォーム*/

#form{
font-size:10px;
line-height:1.6;
}
table#table_contact{
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #A1A1A1;
width:550px;
margin:5px 0 15px 5px;
}
table#table_contact th{
background:  #e8f4e6;
border-bottom: solid 1px #A1A1A1;
border-top: solid 1px #ffffff;
border-left: solid 1px #ffffff;
font-weight:100;
text-align:right;
padding:10px;
vertical-align:top;
width:140px;
}

table#table_contact td{
border-bottom: 1px solid #A1A1A1;
vertical-align:middle;
color: #4f6b72;
padding:10px;
width:auto;
}
table#table_contact td table{
width:360px;
}

table#table_contact td table th{
border: solid 2px #FFFFFF;
background:#FFFFFF;
vertical-align:middle;
padding:5px;
width:15px;
}
table#table_contact td table td{
border-bottom:2px solid #FFFFFF;
padding:5px;
}
table#table_contact td table .eco-left,table#table_contact td table .eco-center,table#table_contact td table .eco-right{
background: #E1FDD5;
font-size:10px;
}
table#table_contact td table .standard-left,table#table_contact td table .standard-center,table#table_contact td table .standard-right{
background: #FDE4D5;
font-size:10px;
}
table#table_contact td table .premium-left,table#table_contact td table .premium-center,table#table_contact td table .premium-right{
background: #FCF5BE;
font-size:10px;
}
table#table_contact td table .other_center{
font-size:10px;
}
table#table_contact td table .eco-center,table#table_contact td table .standard-center,table#table_contact td table .premium-center{
vertical-align:top;
}
table#table_contact td table .eco-right,table#table_contact td table .standard-right,table#table_contact td table .premium-right{
vertical-align:top;
}




#formFooter{
text-align:center;
}






/*---------------------------------------コンテンツ右メニュー*/

#content-right h3{
width:203px;
height:24px;
padding:9px 2px 0 5px;
background: url(../../img/righmenu_h3.gif) no-repeat;
margin:5px 0 15px 0;
color:#0084b5;
}
.banner{
width:194px;
margin:0 0 25px 8px;
}
.banner img{
margin:0 0 3px 0;
}

.block-text{
margin:0 5px 20px 5px;
}
.block-text p{
margin-left:5px;
}

#local-menu{
width:204px;
margin:0 0 0 3px;
}

#local-menu ol li{
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 2px #cccccc;
margin:0 0 5px 0;
}

#local-menu ol li a,#local-menu ol li strong{
width:183px;
padding:12px 3px 10px 16px;
display:block;
background:url(../../img/local-point.gif) no-repeat;
background-position: 4px center;
}

#local-menu ol li ol li{
width:183px;
margin:0 10px 0 10px;
_margin:0 5px 0 5px;
border-top:dotted 1px #cccccc;
border-right: none;
border-left: none;
border-bottom: none;
}

#local-menu ol li ol li a,#local-menu ol li ol li strong{
width:173px;
padding:12px 3px 10px 16px;
display:block;
background:url(../../img/local-arrow.gif) no-repeat;
background-position:3px center;
}


/* フッター装飾
------------------------------------------------------------ */

#footer {
	clear:both;
	height: 30px;
	margin: 15px 0 10px 0;
	padding: 0;
	background:#ff9e0d;
}

#footer address {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
color:#FFFFFF;
padding:10px;
_padding:10px 10px 0 10px;
width:450px;
float:left;

}

body #footer p {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#FFFFFF;
padding:10px;
_padding:10px 10px 0 10px;
width:200px;
float:right;
text-align:right;
}

#footer a:link{color:#FFFFFF;}

#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}


#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

#footer li a {
	margin: 0;
	padding: 0 10px;
}

#footer li a.last {
	margin: 0;
	padding: 0 10px;
	border: none;
}

#footer .copyright {
	text-align: left;
}

#powered {
	position:absolute;
    display:block;	
	top:17px;
	left:20px;	
	margin:0;
}




/* clearfixハック
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
clear:both;
}