@charset "UTF-8";
/* CSS Document */

/*=== 基本ベースを設定します ===*/
* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-size: 14px;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	color:#333;
	background:url(../images/bg.gif) repeat-x top #FCF8DE;
	margin:0px;
	}

a   {color:#003366;text-decoration:none;}
a:visited   {color:#006699;}
a:hover   {color:#000033;text-decoration:underline;}
a:active   {color:#28425B;}

a img {border: 0;}
ol,ul,li,dl,dt,dd {list-style-type: none;}
h1,h2,h3,h4,ol,ul,li,dl,dt,dd,p,img {
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
}
.left{
text-align:left;
}
/*=== コンテナー（HPの横幅を指定します）===*/
#container {
	width:880px;
	background-color:#FFF;
	margin:10px auto 10px;
}

/*=== ヘッダー部分のスタイル ===*/
#header {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	
}

.logo {
	padding:15px;
	float:left;

	
}
.sitename{
	width:175px;
	height:204px;
	background:url(../images/head_img.gif) no-repeat center bottom;
	float:right;
	margin:5px 10px 5px 0px;
}
.headimg{
	float:left;
	margin:5px 10px;
	
}
h1 {
	font-size:13px;
	font-weight:bold;
	margin-top:0px;
	padding:10px 10px 0px 10px;
	color:#666;
	text-align:right;
}
h2{
	font-size:12px;
	color:#999;
	padding:0px 10px 0px 10px;
	margin:0px;
	text-align:right;
	line-height:130%;
	font-weight:normal;
}
/*=== トップメニュー部分のスタイル ===*/
#topmenu {
	margin-left:auto;
	margin-right:auto;
	padding-top :0px;
	height:39px;
	text-align:left;
	margin:0px auto 5px;
	background:url(../images/menu_bg.gif) repeat-x bottom;
	clear:both;
}

#topmenu ul {
	padding-right:0px;
	float:left;
	padding:3px auto;
	
}

#topmenu li {
	width:110px;
	display:block;
	font-size:13px;
	float:left;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	margin:0px;
	height:30px;
}

#topmenu li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:2px 0px;
}

#topmenu li a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../images/menu_h.gif) no-repeat center top;
	display:block;
}

.topmenu {
	color:#28425B;
}


/*=== パンクズ部分のスタイル ===*/
#pankuzu {
	clear:both;
	font-size:12px;
	text-align:right;
	padding:5px 20px;
	margin-bottom:-20px;
}

/*=== メインコンテンツ部分のスタイル ===*/
#contents {
	width:785px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	clear:both;
	background:#FFF;
	padding:0px 15px;
}

.indeximg {
	margin-top:16px;
}

#maincontents {
	float:left;
	width:578px;
	text-align:left;
}

#main{
margin:0px 0px 10px 0px;
text-align:center;
}
#main img{
margin:5px auto;
}
.button{
	margin:30px auto 20px;
}
#side{
float:right;
margin-right:15px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	height:17px;
	padding:6px 6px 6px 20px;
	margin-bottom:8px;
	border-bottom:1px solid #CCC;
	background:url(../images/h3.gif) no-repeat left;
}


#news {
	padding:8px;
}

#news td {
	font-size:13px;
	line-height:20px;
	padding:3px 5px;
	border-bottom:#CCC solid 2px;
}

.newsLeft {
	background-color:#efefef;
	width:100px;
	text-align:center;
}

.clear {
	clear:both;
}

#indexMenu1 {
	width:282px;
	height:152px;
	margin-top:12px;
	background-image:url(../images/index-menu-bg.gif);
}

#indexMenu2 {
	float:right;
	margin-top:-152px;
	width:282px;
	height:152px;
	background-image:url(../images/index-menu-bg.gif);
}

.indexMenuTitle {
	padding:10px 0 0 34px;
	color:#b81649;
	font-size:14px;
	font-weight:bold;
}	

#indexMenu1 ul {
	margin:16px 0 10px 50px;
}

#indexMenu1 li a {
	font-size:13px;
	line-height:25px;
	color:#333;
}

#indexMenu1 li a:hover {
	color:#e95380;
	text-decoration:none;
}

#indexMenu2 ul {
	margin:16px 0 10px 50px;
}

#indexMenu2 li a {
	font-size:13px;
	line-height:25px;
	color:#333;
}

#indexMenu2 li a:hover {
	color:#e95380;
	text-decoration:none;
}

h3,h4,h5 {
	font-size:15px;
	font-weight:bold;
	color:#333;
	padding:5px 10;
	border-bottom: #CCC solid 1px;
}

.cont_text {
	padding:10px;
}

.cont_text p {
	padding:4px 0 16px;
	font-size:13px;
	line-height:24px;
	text-indent:13px;
}

.cont_text ul {
	margin-top:-6px;
	margin-bottom:6px;
}

.cont_text li {
	font-size:13px;
	margin-left:52px;
	padding:2px 0;
	list-style-type:disc;
}

/*=== サイドメニュー部分のスタイル ===*/
#sideblock  {
	float:right;
}

.sidemenu {
	width:260px;
	text-align:left;
	border:#ccc solid 1px;
	margin-bottom:16px;
	background-color:#fbf5f5;
}

#sidemenu {
	width:260px;
	text-align:left;
}

#sidemenu img {
	margin-bottom:10px;
}

.sideTitle {
	font-size:14px;
	font-weight:bold;
	height:30px;
	color:#FFF;
	margin:4px;
	padding:8px 0 0 28px;
	background:url(../images/contents_menu.gif) no-repeat;
}

.sidemenu ul {
	font-size:13px;
	line-height:26px;
	margin:5px 0 5px 25px;
}

.sidemenu li a {
	display:block;
	width:200px;
	height:26px;
	color:#666;
	padding-left:20px;
}

.sidemenu li a:hover {
	color:#e95380;
	text-decoration:none;
	background-color:#FFF;
}

#sidemenu p {
	margin-top:-10px;
	padding:10px;
	font-size:13px;
	line-height:18px;
}

/* === フッター部分のスタイル === */

#footer {
	clear:both;
	width:815px;
	padding-top:20px;
}

.pagetop {
	font-size:11px;
	text-align:right;
	margin:-22px 20px 0 0;
	font-weight:bold;
}

.pagetop a {
	color:#28425B;
	text-decoration:none;
}

.pagetop a:visited {
	color:#28425B;
	text-decoration:none;
}

#copyright {
	margin:0px;
	padding:0px 0 12px 0;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-top:5px solid #CCC;
	background:#999;
	color:#FFF;
}

#credit {
	font-size:9px;
	float:right;
	margin:-25px 16px 0 0;
}

#credit a {color:#ffc3d4;text-decoration:none}
#credit a:hover {color:#666;text-decoration:none}

table.about {
width:95%;
margin:auto;
}
.about th{
	background:#FFF;
	width:120px;
	border-bottom:1px solid #28425B;
	padding:5px 15px;
	}
.about td{
	background:#FFF;
	padding:5px 15px;
	border-bottom:1px solid #CCC;
	width:700px;
	}
.table2 td{
	border:none;
	padding:0px;
}
table.contact {
width:100%;
margin:auto;
	background:#CCC;
	margin-bottom:15px;
}
.contact th{
	background:#F2FCFB;
	padding:8px 10px;
	text-align:left;
	width:180px;
	}
.contact td{
	background:#FFF;
	padding:8px 15px;
	text-align:left;
	}
table.contact_key {
width:100%;
margin:auto;
	background:#CCC;
	margin-bottom:15px;
}
.contact_key th{
	background:#F2FCFB;
	padding:8px 10px;
	text-align:right;
		width:180px;
	}
.contact_key td{
	background:#FFF;
	padding:8px 15px;
	text-align:left;
	}
.width_l {
border:1px solid #CCCCCC;
padding:4px;
}
.required {
color:#F00;
font-size:80%;
font-weight:normal;
margin-right:3px;
}
.inqv {
border:1px solid #CCCCCC;
padding:4px;
}
.inqvtf {
border:1px solid #CCCCCC;
padding:4px;
}
.center_align{
text-align:center;
}
#faq{
	width:810px;
	margin:5px auto;
	text-align:left;
}
#faq p{
	margin:0px 10px 15px;
}
#faq h3{
	text-align:left;
	margin-top:20px;
	
}
#faq ul{
	text-align:left;
	margin-left:30px;
	margin-bottom:20px;
	color:#003366
}
#faq li{
	margin:5px 0px;
	list-style-type:disc;
	}
.faq1{
float:left;
width:50%;	
}
.faq2{
float:right;
width:50%;
}
.tool01{
text-align:left;
padding:0px 20px;
}
p.left{
margin:0px 30px 0px 30px;
}
.week{
width:850px;margin:0px auto;
}
.week img{
vertical-align:bottom;
}
.copyrt{
	float:right;
	margin-right:15px;
	}
.copyrt a{
	color:#fff;
	}