@charset "utf-8";
/* ===================================================================
CSS information

 file name  :default.css
 style info :  リセット及びレイアウト
 last update:2010.05
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
 vertical-align: bottom;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {
		margin    : 0 ;
		padding   : 0 ;
		font-size : 0 ;
	}

	div#h2Wrap {
		font-size : 0 ;
		margin    : 0px ;
		padding   : 25px 0 ;
  width: 100%;
  height: 41px;
  background: url(../img/h_bg.gif) repeat-x;
	}
 h2{
  height: 36px;
  margin: 0;
  border-left: #f00 3px solid;
  text-align: left;
  padding-left: 20px;
  }
	
	h3 {
		font-size : 1px ;
		margin    : 0px ;
		padding   : 0   ;
	}
	
	h3.ssmHead {
		font-size : 1px ;
		margin    : 0px ;
		padding   : 0 0 10px 0   ;
	}
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #00599e ; text-decoration: underline ; }
	a:visited { color: #00599e ; text-decoration: underline ; }
	a:hover   { color: #36acff ; text-decoration: underline ; }
	a:active  { color: #9c9c9c ; text-decoration: underline ; }

/*パンくずリスト*/

ul.topicPath {
	margin: 0 0 10px 0;
}
ul.topicPath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
ul.topicPath li a {
	padding-right:10px;
	background:url(../img/icon_arrow_red.gif) no-repeat right center;
}

ul.topicPath li a:link { color: #616161; text-decoration: underline; }
ul.topicPath li a:visited { color: #616161; text-decoration: underline; }
ul.topicPath li a:hover { color: #71a211; text-decoration: underline; }
ul.topicPath li a:active { color: #71a211; text-decoration: underline; }

.icon{ vertical-align: middle; margin-right: 5px;}

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

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background       : url(../img/bg_body.png) repeat-x ;
		background-color : #f5f5f5;
		color            : #555                           ;
		text-align       : center                         ;
	}
	
	body#indexBg {
		height : 100% ;
		background       : url(../img/bg_body_index.png) repeat-x ;
		background-color : #fff                       ;
		color            : #555                           ;
		text-align       : center                         ;
	}

	#wrapper {
		width      : 800px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -244px ;
		padding    : 0px           ;
	}
	
	#indexWrapper {
		width      : 100%         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -244px ;
		padding    : 0px           ;
	}
 div#indexExplain{
  width: 800px;
  margin: 10px auto;
  display: block;
  overflow: hidden;
  }
 div#indexExplain h4{
  font-size: 130%;
  margin: 20px 0;
  color: #333;
  border-bottom: 2px solid #eb2a80;
  }
 div#indexExplain img{
  float: right;
  display: inline;
  margin: 5px;
  }
 
 div#mainContents{
  padding: 5px 10px;
  }
 /*コンテンツ*/
  div#mainContents h3{
   width: 775px;
   background: url(../img/cmn_h_line.gif) no-repeat bottom;
   font-size: 150%;
   color: #333;
   margin: 15px auto;
   text-indent: 5px;
   }
    
	.push {
		height : 244px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
  text-align: left;
	}

	#mainImage {
		width      : 100%  ;
		height     : 500px ;
		background : url(../img/bg_topImage.jpg) no-repeat center top;
	}

	#mainImage img{
    margin-top:320px;
    text-align:right;
    margin-left:525px;
	}	
	
	#contentsWrapper {
		height  : 100% ;
		margin  : 30px 0 ;
		padding : 0 0 20px 0 ;
		background: #fff;
  text-align: left;
	}
	
	
	.vhWrapper {
		width : 150px ;
		float : left ;
		display:inline;
		background:url(../img/verticalHead_red.png) no-repeat ;
	}
	
	.contents {
		width      : 610px ;
		padding    : 10px 20px 0px 20px ;
		text-align : left ;
		float : left ;
		display:inline;
	}
	
	.serviceText {
		color     : #666 ;
		font-size : 120% ;
		padding   : 0 0 5px 5px ;
	}
	
	.svList {
		margin-top : 15px ;
	}
	
	.svList li {
		display         : inline         ;
		text-align:center;
		color : #fff ;
		font-size:120%;
		margin-right : 10px ;
		padding : 5px ;
		background : #e06161 ;
	}	
	
	.border {
		font-size   : 0     ;
		margin      : 0 ;
		padding     : 6px 0 20px 0;
	}
	
	
	.ssmList {
		margin-bottom : 15px ;
		padding-bottom : 15px ;
		border-bottom : 3px solid #f0f0f0 ;
	}
	
	.ssmList li {
		font-size  : 120% ;
		line-height: 170%;
		padding    : 0 0 0 12px ;
		background           : url(../img/icon_list.png) no-repeat left center ;
		background-position  : left 6px ;
	}
	
	.detailBtn {
		text-align : right ;
	}
	
	.thumbWrapper {
		width   : 580px ;
		margin  : 10px 0 10px 20px ;
	}
	
	.thumbnail {
		width   : 180px  ;
		height  : 120px  ;
		margin  : 0 5px ;
		float   : left   ;
		display : inline ;
	}
	
	#pageTop {
		width : 800px ;
		text-align:right;
		background:#f0f0f0;
	}


/*-------------------------------------------header-------------------------------------------*/



#header {
	width   : 800px ;
	height  : 80px ;
	margin  : 0 auto ;
	padding : 0 ;
}

	.headerLogo {
		width   : 162px  ;
		height  : 45px   ;
		padding : 18px 0 0 0 ;
		float   : left   ;
		display : inline ;
	}
	

#pullNav
{		margin: 0;
		padding: 0;
		width:600px;
		height: 80px;
		margin-right : 0;
		float: right  ;
		display: inline ;
		margin: 0;
		padding: 0;}

#pullNav li
{
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
        display:inline;
}

.dropdown {
    float:left;
    overflow:hidden;

    }
.dropdown dt {font-weight:bold; cursor:pointer; overflow:hidden;}
.dropdown dt a:hover {background:#fff;}
.dropdown dd {position:absolute; overflow:hidden; width:205px; display:none; background:#fff; z-index:200; opacity:0;}
.dropdown ul {width:204px; list-style:none; border-top:none; }
.dropdown li { display:block; border-left:1px solid #fff; border-right:1px solid #fff;}
.dropdown a,.dropdown a:active, .dropdown a:visited {display:block; padding:10px; color:#fff; text-decoration:none; background:#000; width:183px;}
.dropdown a:hover {background:#3b3b3b; color:#ff0000}
.dropdown .underline {border-bottom:1px solid #fff;}

/*-------------------------------------------footer-------------------------------------------*/

/*サービスリスト:緑*/
div.serviceGreen{
 width: 765px;
 border: solid 1px #ccc;
 margin: 20px auto;
 background: url(../img/cmn_service_bg_green.gif) repeat-y left;
 clear: both;
 display: block;
 overflow: hidden;
 font-size: 90%;
 }
 div.serviceGreen h5{
  text-indent: 25px;
  margin: 10px 0 10px 0;
  font-size: 120%;
  }
  div.serviceGreen ul li{
   margin: 5px 0;
   }
  div.serviceGreen ul li.iconOn{
   list-style: url(../img/icon_block_green.gif);   
   }
   div.serviceGreen ul li ul{
    list-style: none;
    list-style-image: none;
    margin-left: 10px;
    }
div.serviceListBox{
  width: 200px;
  height: 140px;
  float: left;
  display: inline;
  padding: 0 0 20px 45px;
  margin-bottom: 10px;
  border-right: solid 1px #ccc;
  }
div.borderNone{ border: none;}
	
 /*サービスリスト：青*/
div.serviceBlue{
 width: 765px;
 border: solid 1px #ccc;
 margin: 20px auto;
 background: url(../img/cmn_service_bg_blue.gif) repeat-y left;
 clear: both;
 display: block;
 overflow: hidden;
 font-size: 90%;
 }
 div.serviceBlue h5{
  text-indent: 25px;
  margin: 10px 0 10px 0;
  font-size: 120%;
  }
  div.serviceBlue ul li{
   margin: 5px 0;
   }
  div.serviceBlue ul li.iconOn{
   list-style: url(../img/icon_block_blue.gif);   
   }
   div.serviceBlue ul li ul{
    list-style: none;
    list-style-image: none;
    margin-left: 10px;
    }
div.serviceListBox{
  width: 200px;
  height: 140px;
  float: left;
  display: inline;
  padding: 0 0 20px 45px;
  margin-bottom: 10px;
  border-right: solid 1px #ccc;
  }
div.borderNone{ border: none;}

 /*サービスリスト：ピンク*/
div.servicePink{
 width: 765px;
 border: solid 1px #ccc;
 margin: 20px auto;
 background: url(../img/cmn_service_bg_pink.gif) repeat-y left;
 clear: both;
 display: block;
 overflow: hidden;
 font-size: 90%;
 }
 div.servicePink h5{
  text-indent: 25px;
  margin: 10px 0 10px 0;
  font-size: 120%;
  }
  div.servicePink ul li{
   margin: 5px 0;
   }
  div.servicePink ul li.iconOn{
   list-style: url(../img/icon_block_pink.gif);   
   }
   div.servicePink ul li ul{
    list-style: none;
    list-style-image: none;
    margin-left: 10px;
    }
div.serviceListBox{
  width: 200px;
  height: 140px;
  float: left;
  display: inline;
  padding: 0 0 20px 45px;
  margin-bottom: 10px;
  border-right: solid 1px #ccc;
  }
div.borderNone{ border: none;}


/*お問い合わせ*/
div#contactArea{
 background: url(../img/cmn_contact_bg.gif) no-repeat center;
 width: 764px;
 height: 102px;
 margin: 0 auto;
 }
 div#contactArea p{
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  }
 div#contactArea img{
  margin: -10px 0 0 540px;
  }

	#footer {
		height     : 300px ;
		margin-top : 30px  ;
		background : url(../img/bg_footer.png) repeat-x ;
	}
	
	#indexFooter {
		height     : 300px ;
		background : url(../img/bg_footer.png) repeat-x ;
	}
	
	.f_contents {
		width      : 760px            ;
		height     : 227px            ;
		margin     : 0 auto           ;
		padding    : 27px 20px 0 20px ;
		text-align : left             ;
	}
	
		.f_corporate {
			width   : 290px  ;
			height  : 160px  ;
			float   : left   ;
			display : inline ;
		}
		
		
			.f_corporate h1 {
				width         : 283px          ;
				margin        : 0 0 10px 0     ;
				padding       : 0 0 10px 7px   ;
				border-bottom : 1px solid #dbb ;
			}
			
			.f_corporate p {
				color     : #877 ;
				font-size : 80% ;
				padding   : 0 0 5px 8px ;
    margin: 0;
			}
			
			.f_corporate p.f_mail {
				padding-top   : 6px ;
			}
			
				.f_corporate p a {
					color      : #fff    ;
					padding    : 5px 8px ;
					background : #755    ;
				}
				
				.f_corporate p a:hover {
					background : #977 ;
				}
				
				.f_corporate p a:visited {
					color      : #fff    ;
				}

		
		
		.f_navi {
			float: right;
			display:inline;
   >margin-bottom: 30px;
   >font-size: 90%;
		}

		
			.f_navList{
				margin  : 0 0 15px 10px ;
				float: left;
				display:inline;
			}
			.f_navList li{
				display:inline;
				padding:0;
				margin:0;
			}
			.f_navList li.f_listHead {
				padding:0 0 8px 0px ;
				border-bottom : 1px solid #dbb;
				background:none;
				display:block;
				margin:0;
			}
			
			.f_navList li a{
				width :192px;
				height:16px;
				>height:18px;
				color:#755;
				padding:2px 0 2px 18px;
				border-bottom:1px solid #dbb ;
				background:url(../img/icon_arrow.png) no-repeat left;
				display:block;
			}

			.f_navList li a:visited {color:#755;}
			.f_navList li a:hover {color:#fff; background-color:#bb6666;}
	.copyright {
		color:#fff;
  clear: both;
  display: block;
  padding: 50px 0 0 0 ;
  >padding: 0;
	text-align : center ;
	}
	html>/**/body .copyright{
	 padding /**/: 30px 0 0 0 ;
	 margin-bottom: 0;
	 }