@charset "Shift_JIS";
body{
	width: 801px;
	color:#4C4C4C;
	margin:0 auto;
	padding:0;
	font-family: Helvetica, Verdana, Arial , gqMmpSPro W3, gHiragino Kaku Gothic Proh, Osaka, gCIh, Meiryo, glr oSVbNh, sans-serif;
	line-height:1.5;
	background-color:#f7f7f7;
}

h1,h2,h3,h4,h5,h6,p,input,form,ul,li,dl,dt,dd,hr,td,th,table{
	margin: 0;
	padding: 0;
}


img{ border: none;}

ul{	list-style-type:none;}
hr{ display:none;}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

em{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em !important;
}

table{border-collapse:collapse;}

.l_txt{	text-align:left !important;}
.cen_txt{ text-align:center !important;}
.r_txt{ text-align:right !important;}


.nobold{ font-weight:normal !important;}

.col_txt_gray{ color:#333333;}
.col_txt_red{ color:#dd0000;}
.col_txt_orange{ color:#FF9900;}
.col_txt_orange2{ color:#FF6600;}


.bor_gray{ border: 1px solid #d5d5d5; }
.pad_all_02em{ margin:0.2em 0}


.pad_head_05em{margin-top:0.5em !important;}
.pad_head_1em{margin-top:1em !important;}
.pad_head_2em{margin-top:2em !important;}

.pad_foot_05em{margin-bottom:0.5em !important;}
.pad_foot_1em{margin-bottom:1em !important;}
.pad_foot_2em{margin-bottom:2em !important;}
.pad_foot_5{margin-bottom:5px !important;}
.pad_foot_15{margin-bottom:15px !important;}
.pad_foot_20{margin-bottom:20px !important;}
.pad_foot_30{margin-bottom:30px !important;}
.pad_foot_40{margin-bottom:40px !important;}
.pad_foot_50{margin-bottom:50px !important;}

.pad_l_05em{ margin-left:0.5em !important;}
.pad_l_1em{	margin-left:1em !important;}
.pad_l_2em{	margin-left:2em !important;}

.pad_r_05em{margin-right:0.5em !important;}
.pad_r_1em{	margin-right:1em !important;}
.pad_r_2em{	margin-right:2em !important;}





/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */



/*link
--------------------------------*/
a{color: #009ACA; text-decoration: none;}
a:visited{color: #009ACA; text-decoration: none;}
a:hover{color: #009ACA;	text-decoration: underline;}
a:active{color: #009ACA; text-decoration: none;}


/*h
--------------------------------*/
#main h1,
#main h2{
	background: url(../images/yokoten.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:25px;
}

#top_main h2{ 
	border-bottom: 3px solid #0099cc;
	margin-bottom:15px;
}

#main h3{ 
	margin-bottom:10px;
	clear:both;
}

/*layout
--------------------------------*/
#wrapper{
	width:799px;
	margin:0 auto;
	background-color:#ffffff;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

#header{
	width:799px;
	margin:0 auto;
	background: url(../images/h_bk_01.gif) repeat-x left top;
}

#gnavi{
	width:799px;
	height:30px;
	clear:both;
	border-bottom: 2px solid #6067c2;
}

#contents{
	width:698px;
	margin:0 auto;
}

#wrap{
	width:716px;
	margin:22px auto 0 auto;
}

#main{
	width:701px;
	margin:0 auto;
}


#footer{
	width:799px;
	margin-top:20px;
	clear:both;
	background: url(../images/bg_foot.gif) repeat-x left top;
}


/*header
--------------------------------*/
#header #logo{
	width:216px;
	float:left;
}

#header #head_r_side{
	width:263px;
	float:right;
	overflow:hidden;
	margin-top:16px;
}

#header #head_r_side dl{
	width:263px;
}

#header #head_r_side dt{
	width:100px;
	float:left;
	display:block;
	text-align:right;
	font-size:10px;
}


#header #head_r_side dt ul{
	width:84px;
	margin:0 0 0 auto;
}

#header #head_r_side dt ul li{
	float:left;
	margin:0 2px;
}

#header #head_r_side dt ul li img{ vertical-align:top;}


#header #head_r_side dt ul li#bt_small{
	width:20px;
	height:20px;
	padding-top:6px;
}

#header #head_r_side dt ul li#bt_small a{
	display:block;
	overflow:hidden;
	width:20px;
	height:0 !important;
	height /**/: 20px ;
	padding-top:20px;
	background: url(../images/bt_fontsize_s.gif) no-repeat;
}

#header #head_r_side dt ul li#bt_small a:hover{background-position:0 -20px;}

#header #head_r_side dt ul li#bt_medium{
	width:24px;
	height:24px;
	padding-top:2px;
}

#header #head_r_side dt ul li#bt_medium a{
	display:block;
	overflow:hidden;
	width:24px;
	height:0 !important;
	height /**/: 24px ;
	padding-top:24px;
	background: url(../images/bt_fontsize_m.gif) no-repeat;
}

#header #head_r_side dt ul li#bt_medium a:hover{background-position:0 -24px;}

#header #head_r_side dt ul li#bt_large{
	width:28px;
	height:26px;
	margin-right:0 !important;
}

#header #head_r_side dt ul li#bt_large a{
	display:block;
	overflow:hidden;
	width:28px;
	height:0 !important;
	height /**/: 26px ;
	padding-top:26px;
	background: url(../images/bt_fontsize_l.gif) no-repeat;
}

#header #head_r_side dt ul li#bt_large a:hover{background-position:0 -26px;}



#header #head_r_side dd{
	margin-left:126px;
	display:block;
	margin-right:-3px;
}


/*main
--------------------------------*/
#main p{ margin-bottom:1em;}




/*gnavi
--------------------------------*/
#gnavi ul li{ float:left;}

#gnavi ul li img{ vertical-align:top;}
#gnavi ul li#gnavi_kazapon,
#gnavi ul li#gnavi_service,
#gnavi ul li#gnavi_usage,
#gnavi ul li#gnavi_faqe{ width:120px;}

#gnavi ul li#gnavi_tsukurou{ width:172px;}



/*footer
--------------------------------*/
#footer ul{
	width:303px;
	margin:0 11px 5px auto;
}

#footer li{	float:left;}

#footer li#foot_link_condition{ width:98px;}
#footer li#foot_link_felicanetworks{ width:194px;}

#footer p{margin:0 11px 5px 0;}
#footer #copyright{
	text-align:right;
	padding-bottom:15px;
}

