@charset "utf-8";

/* CSS Document */



/*

 Share Style [

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

body {

	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;

	font-size:85%;

	line-height:1.5;

	margin:0px;

	padding: 0px;

	background-image: url(../img/grid8.gif);

}

h1,h2,h3 {

	font-weight:normal;

	margin:10px 10px;

	padding:0;

}

p,li,dt,dl { margin:0px; 

}





ul {

	margin:0px;

	padding:0px;

}



img {

	border:0;

	margin:0px;

}

hr {

	margin: 3px 0px;

}

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



form {margin:0px;}

/*

 Link Color [

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

a {

	text-decoration:none;

	color:#006600;

}

a:link {

color:#006600;

}

a:visited {

color:#006600;

}

a:hover {

color:#009999;

text-decoration:underline;

}

a:active {

color:#006600;

}





/*

 layout

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

#wrapper {

	margin: 0 auto;

	width: 948px;

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	background-color: #FFF;

}

#header {

	color: #333;

	width: 948px;

	float: left;

	padding: 0px;

	height: 100px;

	margin: 0px;

	background-image: url(../img/header.jpg);

}

#header h1{

	background-color:#000;

	font-size:70%;

	color:#FFF;

	margin:0px;

	padding:0px 0px 0px 10px;

}

	

#header .logo {

	width: 250px;

	float:left;

	margin:20px 10px;

	padding:0px;

}



#navigation {

	float: left;

	width: 948px;

	color: #333;

	margin: 0px;

}

#leftcolumn {

	color: #333;

	background: #EFEFEF;

	margin: 0px 0px 0px 7px;

	padding: 10px;

	width: 180px;

	float: left;

	border: 1px solid #E5E5E5;

}

#rightcolumn {

	float: right;

	margin: 0px 7px 0px 0px;

	padding: 0px;

	width: 720px;

	display: inline;

	color: #000000;

}

#footer {

	width: 638px;

	clear: both;

	color:#CCCCCC;

	margin: 0px;

	border-top:groove 2px #666666;

	padding: 20px 10px 10px 300px;

	background: url(../img/logo_bottom.gif) no-repeat 10px center #333333;

	font-size: 85%;

}



/*コピーライト*/

.copy{

	color:#FFFFFF;

	font-size:80%;

	margin:0px;

	padding:3px;

	background-color:#000000;

}



/*上部メニュー

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

.menu {

	list-style:none;

	margin:0px;

	padding:0px;

}

.menu * {margin:0; padding:0}

.menu a {display:block; color:#000; text-decoration:none}





.menu li {

	position:relative;

	float:left;

	margin:0px;

}

.menu ul {position:absolute; top:50px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}

.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:135px; margin:0}

.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}

.menu ul li a:hover {background-color:#c5c5c5}

.menu ul ul {left:135px; top:-1px}

.menu  ul.menu .menuhover { background: url(../js/images/header_over.gif); }

.menu .sub {background:#d1d1d1 url(../js/images/arrow.gif) 126px 8px no-repeat}

.menu .topline {border-top:1px solid #aaa}





.menulink1 { background:url(../img/menu/menu_r1_c1.jpg); width:237px; height:46px;}

.menulink1 a{display:block;

width:237px; height:46px;

	text-decoration:none;

	text-indent:-1500px;

	outline:none;}

.menulink1 a:hover{background:url(../img/menu/menu_r1_c1_f2.jpg)}



.menulink2 { background:url(../img/menu/menu_r1_c2.jpg); width:237px; height:46px;}

.menulink2 a{display:block;

width:237px; height:46px;

	text-decoration:none;

	text-indent:-1500px;

	outline:none;}

.menulink2 a:hover{background:url(../img/menu/menu_r1_c2_f2.jpg)}



.menulink3 { background:url(../img/menu/menu_r1_c3.jpg); width:237px; height:46px;}

.menulink3 a{display:block;

width:237px; height:46px;

	text-decoration:none;

	text-indent:-1500px;

	outline:none;}

.menulink3 a:hover{background:url(../img/menu/menu_r1_c3_f2.jpg)}



.menulink4 { background:url(../img/menu/menu_r1_c4.jpg); width:237px; height:46px;}

.menulink4 a{display:block;

width:237px; height:46px;

	text-decoration:none;

	text-indent:-1500px;

	outline:none;}

.menulink4 a:hover{background:url(../img/menu/menu_r1_c4_f2.jpg)}



/*サイドメニュー

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

#leftcolumn ul {

	margin:0px;

	padding:0px;

}

#leftcolumn ul li {

	list-style-type:none;

}

#leftcolumn ul li a {

	display:block;

	width:155px;

	padding:0px 0px 0px 25px;

	background:url(../img/sidemenu_s01.jpg) no-repeat;

	text-decoration:none;

	height: 40px;

	line-height:40px;

	color:#333;

	margin:2px 0px;

}

#leftcolumn ul li a:hover {

	background:url(../img/sidemenu_s02.jpg) no-repeat;

	width:152px;

	padding:0px 0px 0px 28px;

	color:#060;

}

#leftcolumn li a:hover, #leftcolumn li #current {

	background:url(../img/sidemenu_s02.jpg) no-repeat;

    width:152px;

	padding:0px 0px 0px 28px;

	color:#060;}



/*

 枠、テーブル

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

.box1 {

	margin:0px 0px 5px 0px;

	font-size: 75%;

	background-color: #EEEEDD;

	border: 1px solid #CCCC99;

	padding: 5px;

}

.box2 {

	margin:40px 0px 10px 0px;

	font-size: 75%;

	border: 1px solid #dddddd;

	padding: 5px;

	text-align:center;

}

.box3 {

	margin:5px 0px;

	border: 1px solid #009900;

	padding: 5px 0px;

}

.box4 {

	margin:10px 10px;

	border: 1px solid #dddddd;

	padding: 5px;

	text-align:center;

	background-color: #060;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 120%;

}



.box5 {

	margin:0px 0px 0px 30px;

	padding: 5px;

}



.ma{margin:5px 0px;}



.ma2{

	margin:15px 0px;

	padding: 10px 0px 10px 0px;

	border-bottom:#09F dotted 2px;

	border-top:#09F dotted 2px;

}



#boxphoto{

	width: 700px;

	margin: 0px auto 5px auto;

}

#photo {

	float: left;

	border: solid 1px #CCCCCC;

	padding: 3px;

}



#honbun {margin-left: 180px;

}

#honbun li{

	list-style-type: square;

	color: #003300;

}





.table1 {

	border: 1px solid #99CC00;

	background-color: #FFFFFF;

}

.table1 td {

	border:1px #CCCCCC solid;

	padding:2px;

}

.table1 th {

	border:1px #CCCCCC solid;

	background-color:#ffffee;

	white-space: nowrap;

	color: #336600;

	font-weight: normal;

	text-align: left;

	padding: 2px;

}



#masuta{

	width:350px;

	margin:30px;

	padding: 20px;

	border: 5px solid #99cc66;

	text-align:center;

	background-color: #FFFFFF;

		

}



/*

 見出し

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

.midasi1 {

	padding:0px 0px 0px 20px;

	border-top:solid #009900 3px;

	background-color:#EFEFEF;

	margin:3px 0px;

	height: 38px;

	line-height: 38px;

	font-weight: bold;

	font-size: 120%;

}



.midasi700 {

	padding:0px 0px 0px 10px;

	margin:5px auto;

	color: #030;

	font-weight: bold;

	font-size: 110%;

	width: 690px;

	background-image: url(../img/midashi_700.gif);

	height: 28px;

	line-height: 28px;

}







/*

 リストマーク

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



#footer dl {

padding:3px;

margin:0px;

}



#footer dt {

  clear: left;

  float: left;

  margin: 0 0 0.8em;

  width: 7.5em;

  border-left: solid 8px #CCC;

  padding-left: 5px;



}



#footer dd {

  margin-bottom: 0.8em;

  margin-left: 7.5em;



}





#boxphoto dl {

padding:3px;

margin:0px;

}



#boxphoto dt {

	padding: 0px 0px 0px 25px;

	background: url(../img/popups2.gif) no-repeat 5px 3px;

}



#boxphoto dd {

	margin-bottom: 0.8em;



}



#list1 ul{

	margin:10px;

	padding:10px;}



a:hover.b1 img{ filter: alpha(style=0, opacity=70); 

}



.faq_q{

	margin:10px 0px;

	background:url(../img/faq_f01.gif) no-repeat 5px 4px;

	padding: 2px 0px 2px 30px;

	color: #060;

}

.faq_a{

	margin:5px 0px;

	background:url(../img/faq_f02.gif) no-repeat 5px 5px;

	padding: 2px 0px 20px 30px;

	border-bottom:#09F dotted 2px;

}

h4{font-size:80%;
padding:5px;
margin:10px 0px 5px 0px;
background:url(../img/h4.gif) repeat-x left bottom;}

h5{font-size:80%;
padding:5px 5px 5px 20px;
margin:10px 0px 5px 0px;
background:url(../img/h5.gif) #f2f1e9 no-repeat 5px center;}

.copy a{color:#ffffff !important;}



/*** linktool ***/
.tdftdiv{margin: 0 auto;
width:948px;
font-size:10px;}
.tdftad{list-style-type:none;
margin:10px 0px 10px 0px;
padding:0px;}
.tdftpr{float:left;
padding:0px 10px 0px 23px;
background:url(../img/pr.gif) no-repeat left center;}