/*---------------------------初期化-----------------------------------------*/
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; 
	}
	
	* html body { /* for IE6 */
	font-size: 80%;
	}
	
	*:first-child+html body { /* for IE7 */
	font-size: small;
	}
 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------リファレンス一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }



******指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->

******min-height高さ揃え*********

min-height: 100px;
height: auto !important;
height: 100px;

******ファイルの読み込み*********
<script type = "text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
window.onload = function() {
new Ajax.Updater($("ID名"), "./○○.html");
};
</script>

******ifream可変*********
<iframe style="overflow:hidden;" onload = 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";' src="" width="" height="auto"  frameborder="0" title="">この部分はインラインフレームを使用しています。</iframe>

******class指定*********
a.クラス:link, a.クラス:visited, a.クラス:active {
	color: #ef0000;
	text-decoration: none;
}

a.クラス:hover {
 	color: #ef0000;
	text-decoration: underline;
}

******リスト画像真ん中*********
list-style:none;
background:url(＃.jpg) 0 50% no-repeat;
padding-left:30px;
margin-left:-10px;
margin-bottom:30px;

******google吹き出し消しSAMPLE*********

<iframe width="173" height="130" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=38.254186,140.335103&amp;sll=38.254493,140.335193&amp;sspn=0.012638,0.021565&amp;gl=jp&amp;ie=UTF8&amp;z=13&amp;start=0&amp;ll=38.261839,140.339355&amp;output=embed"></iframe>






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

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:85%;
 background-image:url("./img/back.jpg");
 background-position:top center;
 background-repeat:repeat-x;
 background-color:#fe9fb5;
 line-height:110%;
 }


/* 全体のボックス */
#content {
 width:800px;
 x_width:802px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 background-color:#fff;
 border-top:5px solid #e74c85;
 }
 


/* ヘッダーのボックス */
#box_header{
 width:100%;
 clear:both;
}


/* 左のボックス */
#box_left {
 width:220px;
 float:left;

}



/* 右のボックス */
#box_right {
 width:570px;
 float:right;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
}


/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #ff7496;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #ff7496;
	text-decoration: underline;
}

* html .und a:hover {
 	color: #000;
	text-decoration: underline;
}

/* P要素全体に適用 */
p { font-size:100%;
	/font-size:90%;
	line-height:150%;
	/line-height:140%;
	margin:10px 0px 10px 0px;
}

/* STORNG要素全体に適用 */
strong {font-size:120%;}


/* TABLE要素全体に適用 */
table{
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

th{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	text-align:center;
	padding:5px;
}

td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	line-height:110%;
	padding:5px;
}

hr{
border:1px dotted #333333;}



/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.fleft{
float:left;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 
}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}

.z1{
z-index:190;}
.z2{
z-index:180;}





/*
--------------------個別で指定-------------------------
*/

#navi {
padding-top:10px;padding-left:10px;}
#flink {
background-color:#ff8eaa; text-align:center;}
#box_footer ul{padding:3px 0px;}
#box_footer p{padding-left:10px;}
#flink li{ display:inline; padding:0px 5px; border-right:1px solid #fff; color:#fff; font-weight:bold;}
a.fli:link, a.fli:visited, a.fli:active {
	color: #fff;
	text-decoration: none;
}

a.fli:hover {
 	color: #333;
	text-decoration: none;
}
#box_right h2{
margin:10px 0px;
background-image:url(./img/title_back.jpg);
background-repeat:no-repeat;
font-size:120%;
font-weight:bold;
padding:8px;
color:#fff;}

.pink{
color:#e7127c;}

#box_right h2 span,#box_right h3 span{
font-size:70%;
margin-left:20px;}


#box_right h3{
color:#e7127c;
font-size:120%;
font-weight:bold;
padding:10px 0px;}
#box_right hr{
width:90%;}

#box_right .normal li{
margin-left:40px;
list-style:inside disc;
line-height:150%;
}


#box_right ol li{
padding:0px 20px;
list-style:inside decimal;
line-height:150%;
padding-bottom:15px;
}

#box_right ol li strong{
}

#box_right dl{
width:530px;
padding:10px 0px 0px 0px;
margin-bottom:-10px;}

#box_right dd{
float:left;
text-align:center;
font-size:100%;
font-weight:bold;
}

#navi1 dd{ width:33%;}
#navi2 dd{ width:24%;}
#navi3 dd{ width:45%;}

#navi1 dd a,#navi2 dd a,#navi3 dd a{color:#333;}
#navi1 img,#navi2 img,#navi3 img{ padding-right:10px;}

#box_right dl dt{
display:none;
}

.bno{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
	empty-cells:show;
	font-size:100%;
	margin-left:15px;
	/font-size:90%;
}

.bno th{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	padding:5px;
}

.bno td{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:110%;
	padding:5px 5px 5px 10px;
}

.mailform{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
	empty-cells:show;
	font-size:100%;
	margin-left:15px;
	/font-size:90%;
}

.mailform th{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	padding:5px;
}

.mailform th span{color:#f00;}

.mailform td{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:110%;
	padding:5px 5px 5px 10px;
}

.lpad{
padding-left:20px;
}
.lpad2{
padding-left:40px;
}
.lmar{margin-left:20px;}
.rpad{
padding-right:20px;}
.tpad{
padding-top:20px;}
.bpad{
padding-bottom:20px;}
.bmar{
margin-bottom:20px;}
.fb
{font-weight:bold;}
.fp1{
font-size:150%;}
.fp1 span{font-size:65%; font-weight:normal;}




.stripViewer { /* This is the viewing window */
position: relative;
overflow-y: scroll;
overflow-x:hidden; 
border: 1px solid #000;
width: 530px;
height: 150px;
clear: both;
background: #fff;
margin-top:10px;
margin-bottom:30px;
}
.stripViewer .panelContainer {
position: relative;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 530px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px 30px 0px 10px;
		}
.stripViewer .panelContainer .panel .wrapper p strong{font-size:100%; font-weight:bold;}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		padding-top:10px;
		display:inline;
		}
		* .stripNav{
		width:100px;}
		
		.stripNav ul { /* The auto-generated set of links */
		padding:0px;
		margin:0px 0px 0px 0px;
		list-style-type:disc;
		list-style:inside;
		}
		
		.stripNav ul li {
		padding-top:3px;
		padding-bottom:3px;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			text-align: left;
			color: #000;
		}
		
		
		.stripNav li a.current {
			color: #000;
		}
		.stripNav li.tab1 a { color:#000; }
		.stripNav li.tab2 a { color:#000; }
		.stripNav li.tab3 a { color:#000; }
		.stripNav li.tab4 a { color:#000; }
		.stripNav li.tab5 a { color:#000; }
		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
		display:none;}
		
		.stripNavL a, .stripNavR a {
		display: none;
		}
		
.menu_head , .menu_head1 , .menu_head2 , .menu_head3 , .menu_head4{border:none;padding:0px 15px 0px 15px;}
.menu_head span , .menu_head1 span , .menu_head2 span , .menu_head3 span , .menu_head4 span{ margin-left:-15px; font-weight:bold;}
.menu_body , .menu_body1 , .menu_body2 , .menu_body3 , .menu_body4 {display:none;}
.menu_body li , .menu_body1 li , .menu_body2 li , .menu_body3 li , .menu_body4 li{ padding:0px 15px;}
.menu_body li a , .menu_body1 li a , .menu_body2 li a , .menu_body3 li a , .menu_body4 li a{color:#000;}
.menu_body li a:hover , .menu_body1 li a:hover , .menu_body2 li a:hover , .menu_body3 li a:hover , .menu_body4 li a:hover{text-decoration:none;}
.menu_body p strong{ font-size:100%; font-weight:bold;}

a.black:link, a.black:visited, a.black:active {
	color: #000;
	text-decoration: none;
}

a.black:hover {
 	color: #000;
	text-decoration: underline;
}