﻿/*=====================================================================
general #E3003F #008A6B  EDEBE3
=====================================================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}


body { 
	background: transparent url(../images/bg_sky.jpg) repeat-x center top;	
	word-break: break-all;
    font-family: "Lucida Grande", "MS ゴシック", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px !important;
	font-size: 80%;
	line-height: 1.4;
	color:#333;
}

body ul {
	list-style-type: none;

}

body img {
	border: none;
}

body a {
	outline : 0 ;
	border: none;
	text-decoration:none;
	color:#333;
}
body a:hover {
	text-decoration:underline;
	color:#E3003F;
}


#container {
	width:780px;
	margin:0 auto;

    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #008A6B;
    border-left-color: #008A6B;
}


/*=====================================================================
header
=====================================================================*/


#header {
	padding:0;
	position:relative;
	background: url(../img/logo.gif) no-repeat 15px top;

}

#header_2nd {
	padding:0;
	position:relative;
	background: url(../img/logo.gif) no-repeat 15px top;
	height:100px;
}

#contents-body{
    padding:0 15px 15px 15px;
	
}
/*
navigation
---------------------------------------------------------------------*/


#navigation {
padding:35px 0 0 191px;
	width:569px;
	height:14px;

}
#navigation li {
	float: left;
	height: 14px;	
}
#navigation a {
	height: 14px;
	display: block;
	text-indent: -6000px;
}


#n01 a {width: 75px;background:transparent url(../img/menu_top.gif) no-repeat 0 0  ;}
#n02 a {width: 100px;background:transparent url(../img/menu_top.gif) no-repeat -75px 0  ;}
#n03 a {width: 99px;background:transparent url(../img/menu_top.gif) no-repeat -175px 0 ;}
#n04 a {width: 120px;background:transparent url(../img/menu_top.gif) no-repeat -274px 0 ;}
#n05 a {width: 80px;background:transparent url(../img/menu_top.gif) no-repeat -394px 0 ;}
#n06 a {width: 95px;background:transparent url(../img/menu_top.gif) no-repeat -474px 0 ;}

#n01 a:hover {width: 75px;background:transparent url(../img/menu_top.gif) no-repeat 0 -20px ;}
#n02 a:hover {width: 100px;background:transparent url(../img/menu_top.gif) no-repeat -75px -20px ;}
#n03 a:hover {width: 99px;background:transparent url(../img/menu_top.gif) no-repeat -175px -20px ;}
#n04 a:hover {width: 120px;background:transparent url(../img/menu_top.gif) no-repeat -274px -20px ;}
#n05 a:hover {width: 80px;background:transparent url(../img/menu_top.gif) no-repeat -394px -20px ;}
#n06 a:hover {width: 95px;background:transparent url(../img/menu_top.gif) no-repeat -474px -20px ;}



/*=====================================================================
footer-menu  copyright
=====================================================================*/
#footer-box {
	padding:15px 0;
	text-align:left;
	clear:both;
}

#footer-box p{
	font-size:80%; 
	margin:5px 15px;
}
#footer-box a{color:#000;text-decoration:underline;}

#footer-box  a:hover{color:#E3003F;}

#footer-box .colG a:hover {color:#008A6B;}



#copyright-box {
	padding:15px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #008A6B;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #008A6B;	
	text-align:left;
	clear:both;
}
#copyright-box p{
	font-size:80%; 
	margin:5px 15px;
}
#copyright-box a{color:#000;text-decoration:underline;}

#copyright-box  a:hover{color:#E3003F;}

#copyright-box .colG a:hover {color:#008A6B;}


/*=====================================================================
top
=====================================================================*/

#topinfo{
	width:350px;
	float:left;	
	padding:0 5px 15px 0;
}

#topinfo .date{	padding:0 3px;font-size:10px;	color: #333; 	font-weight: normal;}
#topinfo .title a{
	font-size:120%;
	font-weight: bold;
	color: #008A6B;
	margin-top:5px;
}
#topinfo .body{ 
	font-size:90%;
 border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;}


#bn{

	margin: 0 0 20px 0;
	background: url(../img/t_news.gif) no-repeat 10px top;
	float:left;	
}
#bn img{
	padding:15px 0 0 10px ;
}


/*=====================================================================
2nd
=====================================================================*/
#sidemenu{
	width:220px;
	float:left;	
	padding-bottom:15px;
}

#side {
	width:180px;


}
#side li {
	height:21px;
}
#side a {
	height:21px;
	display: block;
	text-indent: -6000px;
}


#s01 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 0  ;}
#s02 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -23px;}
#s03 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -46px;}
#s04 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -69px;}
#s05 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -92px;}
#s06 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -115px;}
#s07 a {width: 180px;background:transparent url(../img/menu.gif) no-repeat 0 -138px;}

#s01 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px 0  ;}
#s02 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -23px;}
#s03 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -46px;}
#s04 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -69px;}
#s05 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -92px;}
#s06 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -115px;}
#s07 a:hover {width: 180px;background:transparent url(../img/menu.gif) no-repeat -180px -138px;}

#main{
	float:left;	
	width:520px;
	padding:0 0 20px 0;

}
#main .titlesub{
	padding:10px 0;
	border-bottom:#000 2px solid;
}
#main .titlesub a{
	text-decoration:none;
	color:#000;
	background: url(../img/i_gbox.gif) no-repeat left 2px;
	padding-left:13px;
	margin-right:15px;
}
#main .titlesub a:hover{
	text-decoration:underline;
	color:#008A6B;

}
#main p{
		line-height: 1.6;
}
#main .s1{
	color:#000;
	background:#EDEBE3 url(../img/bg_s1.gif) no-repeat left top;
	padding:20px;
	line-height: 2.0;

}

.LIST,.LIST2{
	border-top: 1px #000 solid;
	 margin: 10px 0;
}

.LIST dl {
    background: #EDEBE3;       /* <dt>要素の背景色 */
    margin: 0;
    padding: 0;
    border-bottom: #000 solid 1px;
    border-width: 0 1px 1px;
    }

.LIST dt {
    clear: left;
    float: left;
    width: 9em;
    margin: 0;
    padding: 5px 0 5px 5px;
	font-weight:bold;
    line-height: 1.6em;
	vertical-align:top; 	
    }

.LIST dd {
    background: #fff;
    margin: 0 0 0 9em;
    padding: 5px;
    line-height: 1.6em;
    }
.LIST2 dl {
    background: #EDEBE3;       /* <dt>要素の背景色 */
    margin: 0;
    padding: 0;
    border-bottom: #000 solid 1px;

    }

.LIST2 dt {
    clear: left;
    float: left;
    width: 75px;
    margin: 0;
    padding-left: 5px;
	font-weight:bold;
    line-height: 1.6em;
	vertical-align:top; 	
    }

.LIST2 dd {
    background: #fff;
    margin: 0 0 0  75px;
    padding: 0;
    line-height: 1.6em;
    }
	
.LIST2 li {
	list-style-type: square;	margin-left:20px ;
}

 .LIST2 p {
     margin: 0;
    padding: 0 5px;
	border-top: 1px solid #EDEBE3;
}

.LIST3{
	 margin: 10px 0;
	border-top: 1px solid #000; 
}

.LIST3 dl {
    background: #fff;       /* <dt>要素の背景色 */
    margin: 0;
    padding: 0;
    border-width: 0 1px ;
    border-bottom: #000 solid 1px;
    }

.LIST3 dt {
    clear: left;
    float: left;
    width: 95px;
    margin: 0;
    padding-left: 5px;
	font-weight:bold;
    line-height: 1.6em;
	vertical-align:top; 	
	
    }

.LIST3 dd {
   background: #fff;
    margin: 0 0 0  95px;
    padding: 0;
    line-height: 1.6em;


    }
	
.LIST3 li {
	list-style-type: square;	margin-left:20px ;
}

.LIST3 p {
    margin: 0;
    padding: 0 5px;
	border-top: 1px solid #EDEBE3;


}
	
/*=====================================================================
agent
=====================================================================*/
.a_r{

     margin-right: 48px;
}

.agentbox   a img{
	padding:0px;
	border: 1px solid #000;
}
.agentbox   a:hover img{
	border: 1px solid #E3003F;
}

.pback {
	padding:5px;	
	border: 1px solid #666;

}
#container #contents-body #main .titlesub_a {
	background-image: url(../img/slash_a.gif);
	background-repeat: repeat;
	border: 3px solid #000;
}

#container #contents-body #main .titlesub_a img{
	padding:5px 9px 2px 0 ;
}

.urljump{
	background: url(../img/icon_blog.gif) no-repeat left 4px;
	padding-left:15px;
}
#container #contents-body #main .leftbox td {
	padding:2px 0;
}


.contact td{
	padding:5px 5px;
	border-top: 1px solid #000;	

}

/*=====================================================================
blog
=====================================================================*/
.blogside{
	width:160px;
	background-color:#008A6B;
	background:#008A6B url(../img/bg_blog_side.gif) no-repeat left top;
	margin:20px 0;
	padding:10px;
}
.blogside a {
	color: #FFFFFF;
	background:#008A6B url(../img/i_list.gif) no-repeat 2px 6px;	
	padding-left:12px;

}

.blogside img{

	margin:10px 0;

}
.b_box{
	color:#000;
	background:#EDEBE3 url(../img/bg_blog.gif) no-repeat left top;
	padding:20px;
	line-height: 2.0;
	margin-bottom:20px;
}

.b_d{
	font-size:80%;	
}
.b_t{
	font-size:120%;
	font-weight:bold;
	line-height: 1.4;
	margin-bottom:30px;
	border-bottom: 2px solid #000;	
	}

.b_link a{
	background:#000 url(../img/i_blog_link.gif) no-repeat 3px 3px;
	padding:0 5px 0 18px;		
	
	color:#FFFFFF;
	}	
.b_box img{
	margin:10px 0;
	background-color:#fff;
	padding:5px;
	border: 1px solid #000;	
}
.b_box a{

	color:#008A6B;

}	
/*=====================================================================
parts
=====================================================================*/

.colG{
color:#008A6B;
}
.colR{
color:#E3003F;
}
.bgcolG{
	font-weight:bold;
	color:#fff;
	background-color:#008A6B;
}
.colW{
color:#fff;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.icon {
	margin-left:10px;
}
.p_top10 {
	padding-top:10px;
}

.leftbox{
float:left;
}

.rightbox{
float:right;
}    
	
h2{
	font-size:1.2em;
	padding:5px 0;
	display:inline;
}

h3{
	font-size:12px;
	font-weight:normal;
	padding:5px 0;
}
h4{
	font-size:12px;
	font-weight:normal;
	padding:10px 0;
}


.txb{
	font-size:1.2em;
	padding:5px 0;
	font-weight:bold;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mtb20{
	margin:20px 0;
}
.mr10{
	margin-right:10px;
}
.ml10{
	margin-left:10px;
}
.pl10{
	padding-left:10px;
}
.ml20{
	margin-left:15px;
}
.ml25{
	margin-left:25px;
}

#container #contents-body #main .n01 {
	border: 1px solid  #008A6B;
	background-color: transparent;
	background-image: url(../img/bg_n.gif);
	padding:0 0 10px 0;
	background-repeat: repeat-y;
}
#container #contents-body #main .n01 p{
	margin:10px  10px 10px 140px;
}
#container #contents-body #main .n01 img{
	float:left;
}

.sevice3 {
	text-decoration:underline;
	color:#000;
	padding:5px 0 5px  20px;
	margin:15px 0  0 0;
	background: #FFFF33 url(../img/i_service3.gif) no-repeat 5px 9px;
	font-weight:bold;
}
.backtop{
	text-decoration:none;
	color:#000;
	 display:block;
	text-align:right;
	font-size:10px; 
	padding:5px 12px 5px  20px;
	margin:15px 0 0 0;
	background: #fff url(../img/i_top.gif) no-repeat right 9px;

}


.boxR{
	padding:10px;
	border: 1px solid  #E3003F;
}
.boxG{
	padding:10px;
	border: 1px solid  #E3003F;
	background-color: #EDEBE3;	
}


#container #contents-body #main .mainlist {
	color: #000;
	list-style-type: square;
	padding:10px 20px ;
}
#container #contents-body #main .profile {
	margin:10px 0;
	padding: 3px;
	border-top: 1px solid  #EDEBE3;		
	border-bottom: 1px solid  #EDEBE3;	
}
