@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

*	{
	margin:0;
	padding:0;
	}

body {
   margin:0;
   padding:0;
   line-height:1.5;
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
   font-size:12px;
   color:#333;
   background:#fff url("../img/bg.gif") 0 100px repeat-x;
}

br {
   letter-spacing:normal;
}


a {
   color:#000;
   text-decoration:none;
}

a:hover {
   color:#4D99C6;
   text-decoration:underline;
}


img {
   border:0;
   vertical-align:bottom;
}

h3,h4,h5,h6,#main p,#main ul {
   margin-left:20px;
	 margin-right:20px;
	 width:560px;
}

h3,h4,h5,h6 {
   margin-top:0;
	 margin-bottom:10px;
}


ul,li	{
	list-style:none;
	}

.mb20	{margin-bottom:20px;}
.mt40	{margin-top:40px;}
.clear	{clear:both;}
.btn_link	{vertical-align:middle;}
.center	{text-align:center;}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:820px;
   margin:0 auto;
   padding:0;
}

#header {
   position:relative;
   width:820px;
}

#pr {
   position:absolute;
   left:0;
   top:0;
}

#gnav {
   position:absolute;
   bottom:0;
   right:0;
}

#menu {
   float:left;
   width:820px;
   margin-top:10px;
}

#contents {
   float:left;
   width:820px;
   padding:10px 0;
   background:#fff;
}

#main {
   float:left;
   width:600px;
}

#snav {
	margin:30px 0 20px 20px;
   float:right;
   width:200px;
}

#pagetop {
   clear:both;
}

#footer {
	margin:10px auto;
   clear:both;
   width:100%;
	 height:80px;
	 background:url(../img/bg_footer.jpg) repeat-x;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 img {
   margin:0;
   padding:0;
	 float:left;
}

#header div#freedial {
   float:right;
}

/* TOPNAV CUSTOMIZE */
div.topnav {
   overflow:hidden;
   position:relative;
   margin:20px auto;
	 width:820px;
}


div.topnav div.topnav_l {
   display:inline;
   width:380px;
   float:left;
   margin-right:60px;
}

div.topnav div.topnav_r {
   display:inline;
   width:380px;
   float:right;
}

div.topnav h2 {
   margin-bottom:5px;
	 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	 font-weight:bold;
	 font-size:16px;
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
}

#menu li {
   overflow:hidden;
   float:left;
   margin:0;
   margin-left:2px;
   padding:0;
   background:#fff url("../img/bg_menu.jpg") top left no-repeat;
}

#menu li a {
   display:block;
   width:158px;
   height:20px;
   padding:5px 2px;
   line-height:20px;
	 font-size:12px;
   color:#fff;
   text-align:center;
   outline:none;
}


#menu li.home {
   margin-left:0;
}


#menu li a:hover, #menu li.active a {
   color:#fff;
   text-decoration:none;
   background:url("../img/bg_menu.jpg") bottom left no-repeat;
}


/* ========MAINCONTENTS CUSTOMIZE======== */

#main a {
   color:#134D99;
   text-decoration:none;
}

#main a:hover {
   color:#134D99;
   text-decoration:underline;
}

#main h2 {
	margin:30px 0 20px;
}

#main h3 {
	padding-bottom:5px;
	font-size:15px;
	color:#5D8C48;
	background:url(../img/bg_h3.gif) bottom left no-repeat;
}


#main h4 {
  font-size:14px;
	color:#4DC5D6;
}


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


#main ul	{
	margin:1em 20px;
	}
	

ul#col3	{
   margin:20px -10px 20px 20px;
	 width:570px;
	}
	
ul#col3 li	{
	margin-right:10px;
	float:left;
	width:180px;
	list-style:none;
	}
	

div.condition	{
	margin:20px auto;
	padding:20px;
	width:518px;
	background:#FDFEF3;
	border:solid 1px #4D99C6;
	color:#4D99C6;
	font-weight:bold;
	font-size:14px;
	}
div.caption	{
	margin:20px auto;
	padding:20px;
	width:520px;
	background:#FDF6EE;
	color:#E15513;
	}
	
table#cost {
   font-size:12px;
}

table#cost {
   width:560px;
   margin:20px auto;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.6;
}

table#cost th {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   background:#E9F2F8;
   font-weight:bold;
   text-align:left;
}

table#cost td {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:left;
}

table#cost td.alart {
	background:#FC0;
}



/* ======== FORM ======== */

table#form	{
	margin:20px;
	border-collapse:collapse;
	border-spacing:0;
	color:#333;
	border:none;
	width:560px;
	}
	
table#form th,table#form td	{
	padding:15px 0;
	text-align:left;
	background:#fff;
	border:none;
	}	
	
table#form th	{
	padding-right:10px;
	width:10em;}
	
table#form td.send	{
	text-align:center;
	}
	
table#form .bordert	{
	border-top:solid 1px #ccc;
	}

table#form .borderb	{
	border-bottom:solid 1px #ccc;
	}
	
table#form th span	{
	color:#c00;
	}	
	
table#form td span	{
	font-size:10px;
	color:c00;
	}
	
#kanryo	{
	margin:100px auto 50px;
	width:660px;
	text-align:center;
	}	

/* ========SUBCONTENTS CUSTOMIZE======== */


#snav .section {
   margin-bottom:10px;
}

#snav div.link	{
	margin:20px auto 15px;
	text-align:center;
	}

#snav div.link img	{
	margin-bottom:5px;
	}


#snav ul {
   margin:0;
   padding:0;
	 width:200px;

}

#snav li {
	margin:1px 0;
  list-style:none;

}

#snav li a:link,#snav li a:visited {
	 padding:7px 5px 3px 15px;
   display:block;
	 width:180px;
	 height:22px;
	 color:#397AA7;
   background:url(../img/bg_snav1.jpg) top left no-repeat;
}

#snav li a:hover,#snav li.current a {
   display:block;
   color:#fff;
   background:url(../img/bg_snav1.jpg) bottom left no-repeat;
   text-decoration:none;
}


#snav li.sub a:link ,#snav li.sub a:visited	{
	padding-left:22px;
	width:173px;
  background:url(../img/bg_snav2.jpg) top left no-repeat;
}

#snav li.sub a:hover,#snav li.sub.current a {
   background:url(../img/bg_snav2.jpg) bottom left no-repeat;
   text-decoration:none;
}



/* ========PAGRTOP CUSTOMIZE========= */
#pagetop {
   text-align:right;
   font-size:11px;
}

#pagetop a {
   padding:0 0 0 12px;
   background:url("../img/bg_pagetop.gif") 0 50% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE======== */
ul#footmenu {
   margin:10px auto;
	 padding:10px 0;
	 list-style:none;
   text-align:left;
	 width:820px;
	 height:20px;
}

ul#footmenu li, ul#footmenu li a:link	{
   display:inline;
	 float:left;
   margin-right:1em;
	 color:#fff;
	 text-decoration:none;
}

ul#footmenu li a:hover {
   color:#fff;
   text-decoration:underline;
}

ul#footmenu li a:visited {
   color:#fff;
   text-decoration:none;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
	margin:0 auto;
	clear:both;
	width:820px;
   font-style:normal;
   font-size:11px;
   color:#fff;
   line-height:1.4;
   text-align:right;
}