@charset "utf-8";

/*	Font-size Adjustment

	10px = 77%		|	16px = 123.1%	|	22px = 167%
	11px = 85%		|	17px = 131%		|	23px = 174%
	12px = 93%		|	18px = 138.5%	|	24px = 182%
	13px = 100%		|	19px = 146.5%	|	25px = 189%
	14px = 108%		|	20px = 153.9%	|	26px = 197%
	15px = 116%		|	21px = 161.6%	|	

*/

*{
	text-decoration:none;
	list-style-type:none;
	margin: 0;
	padding: 0;
	border:0;
}


body {
	font-size:83%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	background: #eeeeee;
	text-align: center;
	color: #333333;
}



#container {
	width: 750px;
	background: #FFFFFF;
	margin: 0 auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align: left;
}

.line {
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position:left top;
	font-size:1px;
	height:10px;
	width:100%;
}

.subline {
	background-image:url(../img/subline.gif);
	background-repeat:repeat-x;
	background-position:left top;
	font-size:1px;
	height:10px;
	width:100%;
	margin:15px 0;
}

.topicpath{
	margin:10px auto 0 auto;
	width:730px;
	font-size:85%;
}


.topicpath a{
text-decoration:underline;
color:#333333;
}


.fromtop{
	width:100%;
	background-image:url(../../common/img/arrow_upbottom.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:13px;
	text-align:right;
	margin-top:15px;
}

.fromtop a{
	color:#333333;
}

.fromtop a:hover{
	text-decoration:underline;
}


.pdf{
	background-image:url(../img/pdf.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	line-height:180%;
}

.pdf a{
	color:#000099;
}

.pdf a:hover{
	text-decoration:underline;
}

.min{
	margin-top:5px;
	font-size:83%;
	color:#666666;
}


/*======================================

	header

=======================================*/

#header {
	width:733px;
	margin:0 7px 0 10px;
}

#logo {
	padding:14px 0px 15px 0px;
	width:156px;
	float:left;
}

#hnav {
	margin-top:5px;
	width:577px;
	float:right;
}

#htxt {
	width:575px;
	line-height:100%;
}

#hmenu {
	text-align:right;
	width:410px;
	float:left;
}

#hmenu img{
	margin-top:15px;
}

#hinfo {
	width:157px;
	float:right;
}

#hinfo img{
	margin:7px 0 5px 0;
}

#header p{
	text-align:right;
	font-size:78%;
	color:#666666;
}

#headerlist{
	display:block;
}

#headerlist li{
	float: left;
}

#headerlist li.service{
	width: 186px;
}

#headerlist li.function,
#headerlist li.price,
#headerlist li.flow{
	width: 188px;
}

#headerlist li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 55px;
	overflow:hidden;
}

#header h1 {
	font-size:83%;
	color:666666;
	text-align:right;
	margin: 0;
	padding: 10px 0;
}



/*======================================

	container

=======================================*/

#maincontainer{
	width:730px;
	margin:15px 10px 8px 10px;
}

#left_container{
	float:left;
	width:541px;
}


h2{
	display:block;
	width:100%;
	margin-bottom:13px;
}

h3{
	margin-bottom:10px;
	background-color:#E9E7E0;
	height:32px;	
	border-bottom:1px #DCD9CD solid;
	border-left:1px #DCD9CD solid;
	border-right:1px #DCD9CD solid;
	border-top:2px #494949 solid;
	display:block;
	width:100%;
}

h3 img{
	margin-top:6px;
	margin-left:11px;
}

h4{
	display:block;
	margin-bottom:4px;
}


h5{
	padding-left:1em;
	font-size:110%;
	margin-bottom:0.4em;
	background-image:url(../img/icon01.gif);
	background-repeat:no-repeat;
	background-position:left;
}


.contentsbox{
	margin:0px auto 20px;
	width:521px;
}

.contentsbox_last{
	margin:0px auto;
	width:521px;
}

.contentsbox p,
.contentsbox_last{
	line-height:130%;
}

.contentsbox01{
	width:100%;
}

.contentsbox01_left{
	float:left;
	width:295px;
}

.contentsbox01_right{
	float:right;
	width:200px;
}

.contentsbox02_left{
	float:left;
	width:230px;
}

.contentsbox02_right{
	float:right;
	width:280px;
}

#right_container{
	float:right;
	width:179px;
}



/*======================================

	footer

=======================================*/



#footer {
	width:100%;
	background-image:url(../img/bg_footer.gif);
	background-position:top;
	background-repeat:repeat-x;
}


#fnavi {
	background-image:url(../img/bg_footer.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#fnavi ul{
	color:#333333;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
}

#fnavi li{
	float:left;
	margin-right:10px;
	padding-left:15px;
	background-image:url(../img/link_icon.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	vertical-align:middle;
}

#fnavi li a:link,
#fnavi li a:visited{
	color:#333333;
}

#fnavi li a:hover{
	text-decoration:underline;
}



#footer #copyright{
	width:565px;
	float:left;
}

#footer #copyright p{
	margin:15px 0 0 10px;
	font-size:83%;
	color:#666666;
}


#footer #finfo{
	width:164px;
	float:right;
}

#footer #finfo img{
	margin:13px 7px 13px 0px;
}


.admt{
margin-top:10px;
}

.admr{
margin-right:10px;
}

.admb{
margin-bottom:10px;
}

.adml{
margin-left:10px;
}




/* table
-----------------------------------------------	*/
table.cellpt01{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}	

table.cellpt01 a{
	color:#000099;
}

table.cellpt01 a:hover{
	text-decoration:underline;
}

table.cellpt01 td{
	padding:5px 5px;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

table.cellpt01 td.dellt{
	border-top:none;
}
table.cellpt01 td.delll{
	border-left:none;
}
table.cellpt01 td.delltl{
	border-top:none;
	border-left:none;
}
table.cellpt01 table td{
	border-top:none;
	border-left:none;
}




/*======================================

	clear fix

=======================================*/
#header:after,
#hnav:after,
#headerlist:after,
#footer:after,
#fnavi ul:after {
	content:".";
	display:block;
	clear:both;
	width:100%;
	height:0.1px;
	line-height:0;
	font-size:0.1em;
	overflow:hidden;
	visibility:hidden;
}

/* MacIE用 clear fix */
#header,
#hnav,
#headerlist,
#footer,
#fnavi ul {
	display:inline-block;
}
/* MacIE用 clear fix */





#headerlist li.service a {
	background-image:url(../../common/img/btn_service.jpg);
}
#headerlist li.function a {
	background-image:url(../../common/img/btn_function.jpg);
}
#headerlist li.price a {
	background-image:url(../../common/img/btn_price.jpg);
}
#headerlist li.flow a {
	background-image:url(../../common/img/btn_flow.jpg);
}
body#service #headerlist li.service a,
body#function #headerlist li.function a,
body#price #headerlist li.price a,
body#flow #headerlist li.flow a,
#headerlist li a:hover {
	background-position: left bottom;
}