@charset "UTF-8";

/*-------------------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li{
line-height:1;
font-family:"ＭＳ Ｐゴシック","Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
font-size:100.01%;
}

body{
margin:0;
padding:0;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea{margin:0px;padding:0px; font-weight:normal;}

a{text-decoration:none;}
a img {border:none;}

ul,ol,li{list-style:none;}
table,img {border:0;}
em,address{ font-style:normal;}

hr{display:none;}
/*-------------------------------------------------------------------------------------*/

* {
	color:#333333;
	padding:0;
	line-height: 1.4em;
	margin: 0;
	background-image: none;
}

body {
background:url(img/bg.gif)0 0 repeat-x #FFFFFF;
}

a:focus{ outline:none;}
a{color:#0066CC;text-decoration: underline;}
a:hover{color:#0066CC;text-decoration: none;}

strong {color: #FF3300;}

.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear{
clear: both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}


/*
ベース
-------------------------------------------------------------------*/
#base {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 5px;
}

#wrap {
	float: left;
	padding: 0px;
	background-image: url(img/bg_side.gif);
	background-repeat: repeat-y;
	background-position: left;
}


/*
ヘッダ
-------------------------------------------------------------------*/

#header {
	width:800px;
	position: relative;
	margin:15px auto 0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

h1 {
	line-height:1.5;
	color: #666666;
	font-weight:bold;
	padding: 8px;
}

#header #sub {
	font-size: 10px;
	color: #666666;
	position: absolute;
	top: 2px;
	right: 10px;
	text-align: right;
}
#header #logo {
	clear: both;
	float: left;
}
#header h2 {
	font-size: 10px;
	font-weight: normal;
	color: #777777;
	line-height: 18px;
}
/*フッター
-------------------------------------------------------------------*/
#footer{
	border-top:4px solid #83B522;
	background-color: #FFFFFF;
	font-size:72%;
	letter-spacing:0;
	line-height:1.4em;
	text-align:center;
	margin:0px auto 20px;
	padding:8px;

}


/*ナビ
----------------------------------------------- */
#nav {
	width: 765px;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
	clear: both;
	padding-left: 37px;
} 

#nav li {
	display: block;
	float: left;
	text-align: center;
  }
  
#nav li a {
	color: #555555;
	text-decoration: none;
	background-image: url(img/g_menu_li.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 25px;
	width: 120px;
	padding-top: 10px;
	line-height: 25px;
}

#nav li a:hover {
	color: #000000;
	background-image: url(img/g_menu_li_ov.gif);
	background-color: #DDDDDD;
}

#nav li strong {
	line-height: 30px;
	color: #FFFFFF;
	background-image: url(img/g_menu_st.gif);
	height: 30px;
	width: 120px;
	display: block;
	padding-top: 5px;
}

/*
コンテンツ
-------------------------------------------------------------------*/
#breLink {
text-align:right;
font-size:smaller;
margin:0 10px 12px 0;
}

.linktop{
text-align:center;
font-size:smaller;
margin:20x 0 0 0;
}

.linktop img{
margin:10px auto 40px;
}

#top_img {
	padding-bottom: 5px;
	text-align: center;
}

#contents {
	width:610px;
	float: right;
	font-size:92%;
}

#contents p{
	margin:10px 0 15px 0;
	line-height:1.5em;
}

#contents h3 {
	font-size: 18px;
	padding:3px 0 0 22px;
	color: #222222;
	height: 33px;
	font-weight: bold;
	line-height: 31px;
	background:url(img/bg_h3.jpg)0 0;
	background-repeat: no-repeat;
}


#contents h4 {
	font-size: 14px;
	font-weight:bold;
	margin:20px 0 5px 5px;
	color: #009900;
}



#contents .box01{ margin:0 10px 20px;}
#contents .box02{ margin:20px 10px; text-align:center;}

/* for IE \*/
* html body #base #contents #c_pad {
	padding: 9px;
}	
/**/

#contents p a {
	line-height: 20px;
}

#contents p strong {
	line-height: 20px;
}

#contents .img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
}

#contents .img_left img {
	border: 2px solid #EDEDE9;
}

#contents .c_img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 10px;
}

#contents .c_img_left img {
	border: 1px solid #999999;
}

#contents .c_img_right {
	float: right;
	background-color: #FFFFFF;
	padding: 10px;
}

#contents .c_img_right img {
	border: 1px solid #999999;
}

#contents p .chui {
	line-height: 20px;
}
.list li {
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 25px;
}
ul.list {
	margin-bottom: 10px;
}
.list li:hover {
	background-color: #FFFFFF;
}


.idLink {
text-align:right;
margin:0 0 20px 0;}

.idLink a,
.linkList li a{color:#006600; text-decoration: underline; font-weight:bold;}
.idLink a:hover,
.linkList li a:hover{
color:#339900;
font-weight:bold;
text-decoration: none;
}


.linkList li{
list-style-image:url(img/li.jpg);
font-weight:bold;
margin:10px 50px;}


.pagetop{
text-align:right;
margin:0 0 20px 0;}
.pagetop a{
	background:url(img/pagetop.gif) 0 0 no-repeat;
	font-size:84%;
	padding:0 0 0 15px;
	color:#666666;
}





/*
２box
-------------------------------------------------------------------*/
#contents .box2 {
	float: left;
	height: 130px;
	width: 270px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}
#contents .box2 h4 {
	margin: 0px;
	background-color: #6C8143;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	border-left-color: #94BA12;
}

#contents .box2 p {
	margin: 0px;
}

#contents .box2 .btn a {
	font-size: 10px;
	line-height: 17px;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #7A7A76;
	border: 1px solid #D2D2D2;
	width: 80px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn.gif);
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#contents .box2 .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}


/*サイド
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 190px;
	padding-bottom: 10px;
	margin:15px auto 140px;
}

#side li {
	list-style-type: none;
}

.side_box {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 178px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	border: 1px solid #CECEB9;
	background-color: #EFEFE9;
}

.side_box h3 {
	display: block;
	width: 168px;
	line-height: 24px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 12px;
	text-align: center;
	background-color: #666666;
	background-image: url(img/side_h3.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 24px;
	font-weight: normal;
}



.side_bnr {
text-align:center;
margin:5px 0 5px 0;}

.side_bnr img{ margin:0 0 10px 0;}
.side_bnr p{
text-align:left;
line-height:1.2em;
font-size:74%;
margin:0;
padding:0 5px;
}


#afi {
width:190px;
text-align:center;
font-size:80%;
margin:15px 0 20px 0;}

.footerbnr{
margin:30px 10px 40px;}

/*
ASPサービスページ
-------------------------------------------------------------------*/
.aspList{ 
margin:20px 0 20px 0;
padding:0 0 10px;
border-bottom:1px solid #83B522;
}

.aspList dt a:hover{
color:#0099CC;
font-weight:bold;
text-decoration: none;
}

.aspList dt{
background:url(img/li.jpg)0 4px no-repeat;
font-weight:bold;
padding:0 0 0 19px;
margin:10px 10px;}

.aspList dd{
font-size:84%;
margin:12px 10px;
}
.aspList dd strong {
	color: #F57118;
}