@charset "utf-8";

body{
	background: #C0C0FF url(../images/background_body.jpg) no-repeat center top;
	margin:0;
	padding:0;}

/*======================================

　Navigation IE6
	
=======================================*/

* html body {
z-index: 100;
    behavior:url("js/csshover3.htc"); } 

* html #globalNavi { /* IE6*/
z-index:100;
    behavior: url("js/csshover3.htc");}

* html #globalNavi li {
font-variant:small-caps;
z-index: 100;
    width:125px;
    float: left;
    position: relative;}

* html #globalNavi li a {
z-index: 100;
    color: #000;
    display: block;
    padding: 0;
    text-transform: lowercase;
    text-decoration: none;}

* html #globalNavi li:hover ul a, 
* html #globalNavi li.sfHover ul a {
z-index: 100;
    padding: 0px;
    border-bottom: 0px dotted #999999;
    background: #FFE6FF;
    color: #000;}

* html #globalNavi li:hover ul a:hover, 
* html #globalNavi li.sfHover ul a:hover {
    background: #FFE6FF;
    color: #fff;}
		
* html #globalNavi ul {
    background: #FFE6FF;
    margin-top: 0px;
    width: 125px;
    position: absolute;
    top: -999em;
    left: 0px;}

* html #globalNavi li:hover ul,
* html #globalNavi li.sfHover ul {
    top: 42px;}
		
* html #globalNavi ul li {
    border: 0;
    float: none;}
* html #globalNavi ul a {
    width: 125px;
    border-bottom: 0;
    white-space: nowrap;}
	
* html #globalNavi ul a:hover {
	background: #FFE6FF;
	color: #FF0000;}

* html #globalNavi ul li a:hover {   
	position: relative;   
	z-index: 100;}   
		           
* html #globalNavi ul li:hover ul ,   
* html #globalNavi ul li a:hover ul {   
	visibility: hidden;   
	overflow: hidden;   
	height: auto;   
	z-index: 0;}  


/* first last width */

* html #globalNavi .navihome{
	float:left;
	position:relative;
	width: 69px;
	display: block;}

* html #globalNavi .naviform{
	float:left;
	position:relative;
	width: 124px;
	display: block;}


/*======================================

　Navigation IE7
	
=======================================*/

*:first-child+html #globalNavi li {
font-variant:small-caps;
z-index: 100;
	width:125px;
	float: left;
	position: relative;}

*:first-child+html #globalNavi li a {
	color: #000;
	display: block;
	padding: 0;
	text-transform: lowercase;
	text-decoration: none;}
*:first-child+html #globalNavi li:hover ul a, 
*:first-child+html #globalNavi li.sfHover ul a {
	padding: 0px;
	border-bottom: 0px dotted #999999;
	background: #FFE6FF;
	color: #000;}
*:first-child+html #globalNavi li:hover ul a:hover, 
*:first-child+html #globalNavi li.sfHover ul a:hover {
	background: #FFE6FF;
	color: #FF6666;}
*:first-child+html #globalNavi ul {
	background: #FFE6FF;
	margin-top: 0px;
width: 240px;/* pull down background*/
	position: absolute;
	top: -999em;
	left: 0px;}
*:first-child+html #globalNavi li:hover ul,
*:first-child+html #globalNavi li.sfHover ul {
	top: 42px;}
*:first-child+html #globalNavi ul li {
	border: 0;
	float: none;}
*:first-child+html #globalNavi ul a {
	width: 125px;
	border-bottom: 0;
	white-space: nowrap;}
			
*:first-child+html #globalNavi ul a:hover {
	background: #ccc;
	color: #FFE6FF;}

/* first last width */

*:first-child+html #globalNavi .navihome{
	float:left;
	position:relative;
	width: 69px;
	display: block;}

*:first-child+html #globalNavi .naviform{
	float:left;
	position:relative;
	width: 124px;
	display: block;}

/*======================================

　Navigation out of IE
	
=======================================*/
html>/**/body #globalNavi li {
font-variant:small-caps;
z-index: 100;
	font-size:85%;
	width:125px;
	float: left;
	position: relative;}

html>/**/body #globalNavi li a {
	color: #000;
	display: block;
	padding: 0;
	text-transform: lowercase;
	text-decoration: none;}
			
html>/**/body #globalNavi li:hover ul a, 
html>/**/body #globalNavi li.sfHover ul a {
	padding: 7px 0px;
	border-bottom: 1px solid #FFFFFF;
	background: #FFE6FF;
	color: #000;}
		
html>/**/body #globalNavi li:hover ul a:hover, 
html>/**/body #globalNavi li.sfHover ul a:hover {
	background: #FFE6FF;
	color: #000;}
		
html>/**/body #globalNavi ul {
	background: #FFE6FF;
	margin-top: 0px;
	width: 250px;
	position: absolute;
	top: -999em;
	left: -1px;}
		
html>/**/body #globalNavi li:hover ul,
html>/**/body #globalNavi li.sfHover ul {
	top: 42px;}
		
html>/**/body #globalNavi ul li {
	border: 0;
	float: none;}
		
html>/**/body #globalNavi ul a {
	width: 125px;
	border-bottom: 0;
	white-space: nowrap;}
		
html>/**/body #globalNavi ul a:hover {
	background: #ccc;
	color: #FFE6FF;}

/* first last width */


html>/**/body #globalNavi .navihome{
	float:left;
	position:relative;
	width: 69px;
	display: block;}

html>/**/body #globalNavi .naviform{
	float:left;
	position:relative;
	width: 124px;
	display: block;}

/*
#globalNavi, #globalNavi ul {
	padding:0;
	margin:0 auto;
	list-style-type:none;
	position:relative;}
	
#globalNavi li	{
	float:left;
	position:relative;}

	
#globalNavi ul {
	width: 125px;
	position: absolute;
	top: 42px;
	left: 0px;}
	
#globalNavi ul li a	{
	width: 124px;
	display: block;
	text-decoration: none;	}
	
#globalNavi ul li a:hover {
	width: 124px;
	position: absolute;
	top: 42px;
	left: 0px;}






#globalNavi ul li.first a{
	width: 140px;
	background:#000000;}
	
#globalNavi ul li.first a:hover	{
	width: 140px;
	background:#000000;
}

*/

/*======================================

　h2
	
=======================================*/
div#main #contents h2{
	text-indent:-9999px;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 10px 0px;	
	height:35px;
	width:760px;}


div#main #contents h2#news{
	background: url(../images/h2_news.png) no-repeat left top;}

div#main #contents h2#halllist{
	background: url(../images/h2_halllist.png) no-repeat left top;}
	
div#main #contents h2#mito{
	background: url(../images/h2_mito.png) no-repeat left top;}	

div#main #contents h2#naka{
	background: url(../images/h2_naka.png) no-repeat left top;}	

div#main #contents h2#ishi{
	background: url(../images/h2_ishi.png) no-repeat left top;}	

div#main #contents h2#hitachinaka{
	background: url(../images/h2_hitachinaka.png) no-repeat left top;}	

div#main #contents h2#moriya{
	background: url(../images/h2_moriya.png) no-repeat left top;}	

div#main #contents h2#kashima{
	background: url(../images/h2_kashima.png) no-repeat left top;}

div#main #contents h2#tsu{
	background: url(../images/h2_tsu.png) no-repeat left top;}
	
div#main #contents h2#hitachi{
	background: url(../images/h2_hitachi.png) no-repeat left top;}	
	
div#main #contents h2#che{
	background: url(../images/h2_che.png) no-repeat left top;}	
	
	
div#main #contents h2#couple{
	background: url(../images/h2_couple.png) no-repeat left top;}	
	
div#main #contents h2#faq{
	background: url(../images/h2_faq.png) no-repeat left top;}

div#main #contents h2#stuff{
	background: url(../images/h2_stuff.png) no-repeat left top;}	

div#main #contents h2#card{
	background: url(../images/h2_card.png) no-repeat left top;}		

div#main #contents h2#form{
	background: url(../images/h2_form.png) no-repeat left top;}
div#main #contents h2#form_res{
	background: url(../images/h2_form_res.png) no-repeat left top;}
div#main #contents h2#form_end{
	background: url(../images/h2_form_end.png) no-repeat left top;}
div#main #contents h2#policy{
	background: url(../images/h2_policy.png) no-repeat left top;}	
				
/*======================================

　h3
	
=======================================*/

div#main #contents h3{
	/*border-bottom:#A36A17 1px solid;*/
	padding: 0;
	margin: 0;
	text-indent:-9999px;}


div#main #contents h3#mito{
	background: url(../images/index_tit1_1.gif) no-repeat left top;
	height:17px;}

div#main #contents h3#naka{
	background: url(../images/index_tit1_2.gif) no-repeat left top;	
	height:17px;}

div#main #contents h3#ishi{
	background: url(../images/index_tit1_3.gif) no-repeat left top;	
	height:17px;}

div#main #contents h3#hitachinaka{
	background: url(../images/index_tit1_4.gif) no-repeat left top;	
	height:17px;}

div#main #contents h3#moriya{
	background: url(../images/index_tit1_5.gif) no-repeat left top;	
	height:17px;}

div#main #contents h3#kashima{
	background: url(../images/index_tit1_6.gif) no-repeat left top;
	height:17px;}

div#main #contents h3#tsu{
	background: url(../images/index_tit1_7.gif) no-repeat left top;
	height:17px;}

div#main #contents h3#hitachi{
	background: url(../images/index_tit1_8.gif) no-repeat left top;	
	height:17px;}


div#main #contents h3#che{
	background: url(../images/index_tit1_9.gif) no-repeat left top;
	height:17px;}
	
/*======================================

　h4
	
=======================================*/
div#main #contents h4{
	margin: 0px 0px 0px 10px;
	text-indent:-9999px;}

div#main #contents h4#mito{
height:26px;
	background: url(../images/h4_mito.gif) no-repeat left top;}

div#main #contents h4#naka{
height:36px;
	background: url(../images/h4_naka.gif) no-repeat left top;}
	
div#main #contents h4#ishi{
height:28px;
	background: url(../images/h4_ishi.gif) no-repeat left top;}
	
div#main #contents h4#hitachinaka{
height:38px;
	background: url(../images/h4_hitachinaka.gif) no-repeat left top;}
	
div#main #contents h4#moriya{
height:54px;
	background: url(../images/h4_moriya.gif) no-repeat left top;}
	
div#main #contents h4#kashima{
height:54px;
	background: url(../images/h4_kashima.gif) no-repeat left top;}
	
div#main #contents h4#tsu{height:58px;
	background: url(../images/h4_tsu.gif) no-repeat left top;}
	
div#main #contents h4#hitachi{height:48px;
	background: url(../images/h4_hitachi.gif) no-repeat left top;}
	
div#main #contents h4#che{height:28px;
	background: url(../images/h4_che.gif) no-repeat left top;}
	
/*======================================

　h5
	
=======================================*/

div#main #contents h5{
	text-indent:-9999px;
	padding: 0px 0px 0px 0px;
	margin: 15px auto 0px;	
	height:28px;
	width:740px;}
	
div#main #contents h5#eventinfo{
	background: url(../images/h5_00.png) no-repeat center top;}
	
div#main #contents h5#card00{
	background: url(../images/h5_01.png) no-repeat center top;}	
	
div#main #contents h5#card01{
	background: url(../images/h5_01_2.png) no-repeat center top;}	
	
div#main #contents h5#form00{
	background: url(../images/h5_02.png) no-repeat center top;}	
div#main #contents h5#form01{
	background: url(../images/h5_03.png) no-repeat center top;}			
	
/*======================================

　h6
	
=======================================*/

div#main #contents h6{
	/*border-bottom:#A36A17 1px solid;*/
	font-size:90%;	
	font-weight:bold;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

div#main #contents .paragraph h6{
	/*border-bottom:#A36A17 1px solid;*/
	font-size:90%;	
	font-weight:bold;
	padding: 0;
	margin: 10px 0px 0px 0px;
}



/*======================================

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




div#header_left {
	padding: 5px 0px 0px 5px;
	margin: 0px;
	text-align: left;
	float:left;}

div#header_left p ,
div#header_right p {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size:75%;}

	
div#header_left h1 {
	background: url(../images/title.png) no-repeat left top;
	display:block;
	padding: 0px;	
	margin: 5px  0px 0px 0px;
	line-height: 100%;
	text-indent:-9999px;
	height:63px;
	width:185px;}

div#header_left a {
	overflow:hidden;
	display:block;
	text-decoration: none;
	height:63px;
	width:165px;}

div#header_right {
	padding: 80px 5px 0px 0px;
	margin: 0px;
	text-align: right;
	float:right;}

div#header_right img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;}	

div#flash {
vertical-align:top;
	padding: 0;
	margin: 0 auto;
	height:200px;
	width:818px;}
	

div#flash img {
vertical-align:top;
	padding: 0;
	margin: 0 auto;
	height:200px;
	width:818px;}	
	
div#flash_side{
	text-align:right;
	vertical-align:top;
	height:240px;
	width:240px;
	padding: 0px;
	margin:  0px;}
	
/*======================================

　flash sukima taisaku for IE 
	
=======================================*/	

object{	
	padding: 0;
	margin: 0;
	vertical-align:top;}
embed{
	padding: 0;
	margin: 0;
	vertical-align:top;}

div.pan	p{
	padding: 10px 0px 0px 10px;
	margin: 0px;
	text-align: left;
	font-size:80%;}
	
div#bn_card{
	padding: 0px;
	margin: 0px;
	text-align: left;}
	
	
/*======================================

　common
	
=======================================*/

div#main #contents .paragraph {
	clear:both;
	width:730px;
	padding: 0px;
	margin: 15px auto 0px;
}

div#main #contents .paragraph p{
	font-size:80%;
	line-height:150%;
	text-align:left;
	margin: 5px 0px 0px 0px;
	padding: 0px;	}		

div#main #contents .pagetop{
	clear:both;
	font-size:80%;
	margin: 25px 0px 0px 0px;
	text-align:right}	

div#main #contents .pagetop a {
	background:url(../images/cur_02.gif) no-repeat left center;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 15px;}
	
div#main #contents .pagetop a:hover {
	background:url(../images/cur_02.gif) no-repeat left center;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 15px;}	
	
div#main #contents .memo {
	width:700px;
	margin: 15px auto 0px;
	padding: 5px 10px;
	background: #FFFFCC;
	border:1px solid #999999;}	
div#main #contents .memo p.right {
	font-size:80%;
	text-align:right}
	
div#main #contents .paragraph .memo2 {
height:60px;
width:702px;
	padding: 0px;
	margin:0px auto;
	background:url(../images/background_form00.gif) no-repeat top left}		

div#main #contents .paragraph .memo2 p {
	float:left;
	width:340px;
	padding:20px 0px 10px 30px;
	margin:0px}	

div#main #contents .paragraph .memo2 form {
	float:right;
	width:300px;
	padding:15px 10px 10px 0px;
	margin:0px}	


div#main #contents .paragraph .memo2 form select {
	margin: 2px 0px 3px;
	padding: 0px ;
}	
	
/*======================================

　common list
	
=======================================*/

div#main #contents .paragraph ol{
margin: 10px 0px 0px 15px;
	padding: 0px 0px 0px;}
	
div#main #contents .paragraph ol li{
	font-size: 85%;
	line-height:160%;
	list-style-type:decimal;
	list-style-image: none;
	list-style-position: outside;	
	margin:  0px 0px 0px 15px;
	padding: 0px 0px 0px 5px;
	text-align: left;}	

.imgleft{
	float: left;
	clear: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;}
	
.imgright{
	float: right;
	clear: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;}	
	

div#main #contents #botnarea{
	width:730px;
	clear:both;
	text-align:center;
	margin: 30px auto 0px;
	padding: 20px 0 0 0;}

div#main #contents #botnarea .botn{
	margin: 0px auto 0px;
	padding: 0px auto 0px;}


/*======================================

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

div#box_news{
	padding: 0px;
	margin: 0px ;
	width:489px;
	text-align:left;
	float:left;}
	
div#box_news .top{
	background: url(../images/box_news_top.jpg) no-repeat left bottom;
	padding: 0px;
	margin: 0px auto;
	height:99px;	
	width:489px;}

div#box_news .center{
	background: url(../images/box_news_background.gif) repeat-y center center;
	padding: 0px;
	margin: 0px auto;	
	width:489px;}

div#box_news .bottom{
	background: url(../images/box_news_bottom.jpg) no-repeat left top;
	padding: 0px;
	margin: 0px auto;
	height:99px;	
	width:489px;}
	
	
	
	
/*======================================

　top news ul
	
=======================================*/

div#box_news .newscontents {
	position:absolute;
	width: 740px;
	padding: 0px;	
	margin: 0px auto;}
	
div#box_news .newscontents ul {
	position:absolute;
	left:30px;
	top:40px;
	padding: 0px;
	margin: 0px;
	width: 450px;
}

div#box_news .newscontents ul li {
	font-size: 85%;
	line-height:160%;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: left;}
	
div#box_news .newscontents ul li a {
	background: url(../images/cur_00.gif) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 15px;}	

div#box_news .newscontents ul li a:hover {
	background: url(../images/cur_00.gif) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 15px;}		

/*======================================

　index right
	
=======================================*/
div#main #contents .bannerarea{
	width:250px;
	float:right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}	
	
	
div#main #contents .contentsarea{
	width:250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}		
	
div#main #contents .contentsarea .topics{
clear:both;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}	
	
div#main #contents .contentsarea .topics img{
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}		
div#main #contents .contentsarea .topics p{
float:right;
	width:190px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height:130%;	}			
	

/*======================================

　hall index
	
=======================================*/
	
.hallindexwrap{
	width:740px;
	overflow:hidden;
	padding: 0px 0px 0px 15px;
	margin: 0;}

.hallindexwrap .hallindex{
	background: url(../images/background_hallindex.gif) no-repeat left top;
	height:245px;
	width:235px;
	float:left;
	padding:0;
	margin: 0px 5px 5px 0px;}

.hallindexwrap .hallindex .image{
	width:235px;
	padding:4px;
	margin: 0;}	

.hallindexwrap .hallindex .txtarea{
	padding:4px;
	margin: 0;}	

.lightbrown{
	color:#333366;
	font-size:80%;}
			
.hallindex .more00 a{
	float:right;
	clear:right;
	font-size:80%;	
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 0;}
	
	
/*======================================

　hall index IE6
	
=======================================*/	
	
* html .hallindexwrap{
	float:left;
	width:740px;
	padding: 0px 0px 0px 0px;
	margin: 0px;}

* html .hallindexwrap .hallindex{	
	background: url(../images/background_hallindex.gif) no-repeat left top ;
	height:245px;
	width:235px;
	display:inline;
	float:left;
	padding:0;
	margin: 0px 0px;}

* html .hallindexwrap .hallindex .image{
	display:block;
	text-align:left;	
	padding:0px;
	margin: 0;}	
	
* html .hallindexwrap .hallindex .txtarea{
	padding:0px;
	margin: 0;}	

* html .lightbrown{
	color:#333366;
	font-size:80%;}
			
* html .hallindex .more00 a{
	float:right;
	clear:right;
	font-size:80%;	
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 0px 0px 0px 0px;
	margin: 0;}	
	

		
/*======================================

　hall index IE7
	
=======================================*/

	
*:first-child+html .hallindexwrap{
	width:740px;
	padding: 0px 0px 0px 0px;
	margin: 0px;}

*:first-child+html .hallindexwrap .hallindex{
	background: url(../images/background_hallindex.gif) no-repeat left top;
	width:235px;
	display:inline;
	float:left;
	padding:0;
	margin: 0px 0px 0px;}

*:first-child+html .hallindexwrap .hallindex .image{
	display:block;
	text-align:left;
	padding:0px;
	margin: 0;}	

*:first-child+html .hallindexwrap .hallindex .txtarea{
	padding:0px;
	margin: 0;}	

*:first-child+html .lightbrown{
	color:#333366;
	font-size:80%;}
			
*:first-child+html .hallindex .more00 a{
	float:right;
	clear:right;
	font-size:80%;	
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 0px 0px 0px 0px;
	margin: 0;}	
		
/*======================================

　hall table
	
=======================================*/	



div#main #contents .paragraph .more00 a{
	float:right;
	clear:right;
	font-size:80%;	
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 2px 0px 2px 15px;
	margin: 0;}
	
div#main #contents .paragraph table {
	margin:15px auto 0px ;
	background: #fff;
	width:100%;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom: 0px solid #999999;		
	border-left:0px solid  #999999;		
	border-collapse:collapse;}
	
div#main #contents .paragraph table th {
	background: url(../images/background_table00.gif) no-repeat left top;
	color: #270607;
	text-align:left;
	border-top:0px solid #999999;
	border-right:0px solid #999999;		
	border-bottom: 1px solid #999999;
	border-left:1px solid #999999;
	padding:3px;
	font-size:80%}	
		
div#main #contents .paragraph table td {
	word-break: normal; 
	color:#270607;
	border-top:0px solid #999999;
	border-right:0px solid #999999;	
	border-bottom: 1px solid #999999;
	border-left:1px solid #999999;
	padding:3px;
	text-align:left;
	font-size:80%}	
				
div#main #contents .paragraph .centering {
	padding:0;
	margin:0px ;
	text-align:center;}




div#main #contents .paragraph .inner table {
	margin:15px 0px 0px 0px ;
	background: #fff;
	width:100%;
	border-top:0px none #999999;
	border-right:0px none #999999;
	border-bottom: 0px none #999999;		
	border-left:0px none  #999999;		
	border-collapse:collapse;}
	
div#main #contents .paragraph .inner table th {
	background: url(../images/background_table00.gif) no-repeat left top;
	color: #270607;
	text-align:left;
	border-top:0px none #999999;
	border-right:0px none #999999;		
	border-bottom: 0px none #999999;
	border-left:0px none#999999;
	padding:3px;
	font-size:100%}	
		
div#main #contents .paragraph .inner table td {
	word-break: normal; 
	color:#270607;
	border-top:0px none #999999;
	border-right:0px none #999999;	
	border-bottom:0px none #999999;
	border-left:0px none #999999;
	padding:3px;
	text-align:left;
	font-size:100%}	





/*======================================

　index table
	
=======================================*/

div#main #contents .paragraph3 {
	width:746px;
	padding: 0px;
	margin: 15px auto 0px;
}
	
div#main #contents .paragraph3 .index	{
	border-bottom: 0px dotted #FF9900;	
	padding:0px 0px;
	margin:0px;	}
	
div#main #contents .paragraph3 .index table {
	padding:0px ;
	margin: 0px 0px 15px 0px ;
	background:#FFFFFF;
	width:100%;
	height:100%;
	border-top:1px solid #999999;
	border-right:1px solid  #999999;
	border-bottom: 0px solid #999999;		
	border-left:0px solid  #999999;	
}
	
div#main #contents .paragraph3 .index table tr th {
	vertical-align:top;
	padding:2px ;
	margin:0px ;
	background:#FFFFFF url(../images/background_table00.gif) no-repeat left top;
	color: #270607;
	text-align:left;
	border-top:0px solid #999999;
	border-right:0px solid #999999;		
	border-bottom: 1px solid #999999;
	border-left:1px solid #999999;
	font-size:80%}
		
div#main #contents .paragraph3 .index table tr td {
	word-break: normal; 
	color:#270607;
	border-top:0px solid  #999999;
	border-right:0px solid  #999999;
	border-bottom: 1px solid #999999;		
	border-left:1px solid #999999;	
	padding:2px ;
	margin:0px ;
	text-align:center;
	font-size:80%;
	line-height:140%;}	

 div#main #contents .paragraph3 .index .more00 a{
	float:right;
	clear:right;
	font-size:80%;	
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 2px 0px 2px 15px;
	margin: 0;}







.tw15{
	width:15%}		
.tw10{
	width:10%}		
.tw20{
	width:20%}			
.tw25{
	width:25%}			
.tw30{
	width:30%}
.tw40{
	width:40%}	
.tw45{
	width:45%}			
.tw50{
	width:50%}	
.tw60{
	width:60%}
.tw70{
	width:70%}
	
.tw80{
	width:80%}				
.tomobile{
	text-align:right;
	font-size:80%;
	padding: 0px;
	margin: 0px;}


/*======================================

　hall enent pragraph
	
=======================================*/

div#main #contents .paragraph4 {
	width:730px;
	padding: 0px;
	margin: 5px 20px 0px 0px;
	float:left;
}


div#main #contents .paragraph4 img {
	border:1px solid #CCCCCC;
	padding:3px;
	background:#F5EED2
}


	

div#main #contents .paragraph4 p{
	font-size:85%;
	line-height:150%;
	text-align:left;
	margin: 5px 0px 0px 25px;
	padding: 0px;
}	
	
div#main #contents .paragraph4 p.cardtitle{
	font-size:85%;
	line-height:150%;
	text-align:left;
	margin: 0px;
	padding: 5px 0px 0px 90px}
	
div#main #contents .paragraph4 p.date{
	font-weight:bold;
	color: #333366;
	background: url(../images/background_date2.jpg) no-repeat 0px top;
	height:33px;
	width:700px;
	font-size:108%;
	padding: 8px 5px 0px 15px;
	margin: 0px 0px 0px 0px;
	_margin:0 0 0 15px;
	}

div#main #contents .paragraph4 p.date2{
	font-weight:bold;
	color: #333366;
	background: url(../images/background_date3.jpg) no-repeat left top;
	height:33px;
	width:440px;
	font-size:108%;
	padding: 8px 5px 0px 20px;
	margin: 15px 0px 0px 0px;}
	
div#main #contents .paragraph4 p.bold{
	color:#B5002E;
	font-weight:bold;
	font-size:100%;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px 0px;}
	
div#main #contents .paragraph4 p.bold2{
	color:#B5002E;
	font-weight:bold;
	width:480px;
	font-size:100%;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px 0px;}

div#main #contents .eventl{
	width:450px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

div#main #contents .phor{
	display:block;
	float:right;
	margin: 10px 10px 0 0;
	padding:0;
}

div#main #contents .phor img{
	border:1px solid #CCCCCC;
	padding:3px;
	background:#F5EED2;
	margin: 5px 0px 0px 0px;
}	
		
div#main #contents .paragraph4 p.caution{
	color:#FF0000;
	font-size:80%}
	

 div#main #contents .paragraph4  p.eventicon{
 
 width:300px;
 	text-align:left;
	padding: 0px 0px 7px 25px;
	margin: 0;
}
 div#main #contents .paragraph4  p.eventicon img{
 background:#FFFFFF;
 	border:none;
	padding: 0px 5px 0px 0px;
	margin: 0;
}	
	
	
	
	
	
				
.txtpnk{
	color:#FF3366}	
.txtred{
	color:#FF0000}
.txtenji{
	color:#333366}
.txtorg{
	color: #FF6600   }
	
.Y_right{
	text-align:right;
	padding: 0px;
	margin:0;
}	
	
/*======================================

　couple table
	
=======================================*/	
div#main #contents .paragraph .couple{
	border-bottom: 1px dotted #FF99FF;	
	padding:0px 10px 10px 10px ;}
	
div#main #contents .paragraph .couple table {
	margin:15px 0px 15px 0px ;

	width:100%;
	border-top:0px solid  #FF99FF;
	border-right:0px solid  #FFCCFF;
	border-bottom: 0px solid #FF99FF;		
	border-left:0px solid  #FF99FF;	
	border-collapse:collapse;}
	
div#main #contents .paragraph .couple table th {
	background: url(../images/background_table01.gif) no-repeat left top;
	text-align:left;
	border-top:0px solid  #FF99FF;
	border-right:0px solid  #FFCCFF;
	border-bottom: 0px solid #FF99FF;		
	border-left:0px solid  #FF99FF;	
	padding:10px;
	font-size:80%}	
		
div#main #contents .paragraph .couple table td {
	word-break: normal; 
	color:#270607;
	border-top:0px solid  #FF99FF;
	border-right:0px solid  #FFCCFF;
	border-bottom: 0px solid #FF99FF;		
	border-left:0px solid  #FF99FF;	
	padding:5px;
	text-align:left;
	font-size:80%}	


/*======================================

　stuff table
	
=======================================*/	
div#main #contents .paragraph .stuff	{
	border-bottom: 1px dotted #FF99FF;	
	padding:10px ;
	margin:0px 0px 0px 0px ;	}
	
div#main #contents .paragraph .stuff table {
	padding:0px ;
	margin:0px ;
	background:FFFFFF;
	width:100%;
	border-top:0px solid  #FF99FF;
	border-right:0px solid  #FFCCFF;
	border-bottom: 0px solid #FF99FF;		
	border-left:0px solid  #FF99FF;	
	border-collapse:collapse;}
	
div#main #contents .paragraph .stuff table th {
vertical-align:top;
	padding:3px ;
	margin:0px ;
	background: url(../images/background_table02.gif) no-repeat left top;
	color: #270607;
	text-align:left;
	border-top:0px solid #999999;
	border-right:0px solid #999999;		
	border-bottom: 0px solid #999999;
	border-left:0px solid #999999;
	font-size:80%}
		

		
div#main #contents .paragraph .stuff table td {
	word-break: normal; 
	color:#270607;
	border-top:0px solid  #FF99FF;
	border-right:0px solid  #FFCCFF;
	border-bottom: 0px solid #FF99FF;		
	border-left:0px solid  #FF99FF;	
	padding:0px ;
	margin:0px ;
	text-align:left;
	font-size:80%;
	line-height:140%;}	

div#main #contents .paragraph .stuff table td .more_read{
float:right;
clear:right;
	background: url(../images/cur_01.gif) no-repeat left center;
	padding: 2px 0px 2px 15px;
	margin: 0;}



div#main #contents .stuffL .stuff_voice{
	padding: 0px 15px 20px 15px;
	margin: 0;
	font-size:90%;
	line-height:160%;
	}
	
div#main #contents .stuffL .stuff_voice p img{	
	border:1px solid #CCCCCC;
	padding:3px;
	background:#F5EED2;}

/*======================================

　original style STUFF
	
=======================================*/

	
div#main #contents .stuffL .read_stuff{
	margin:0px 0px 10px;
	clear:both;
	padding: 0px 5px 5px 5px;
	background:url(../images/bg_sub3.jpg) no-repeat left top;}
		
div#main #contents .stuffL .read_stuff .stufftit {
	letter-spacing:0.05em;
	font-size:14px;
	font-weight:bold;
	color:#333366;
	padding:5px 0px 0px 33px;
	width:720px;
	background:url(../images/bg_sub4.gif) no-repeat left center;		
	}
div#main #contents .stuffL .read_stuff .stuffname {
	font-size:12px;
	text-align:right;
	padding:5px 10px 0px 0px;
	}		



/*======================================

　 STUFF
	
=======================================*/

div#main #contents .stuffL {
	float:left;
	clear:left;
	width:730px;
	padding: 0px;
	margin: 15px 10px 10px 10px;
}


div#main #contents .stuffR {
	text-align:right;
	float:right;
	clear:right;
	width:250px;
	padding: 0px;
	margin: 20px 0 0 0;
}

div#main #contents .stuffL p{
	font-size:85%;
	line-height:150%;
	text-align:left;
	margin: 5px 0px 0px 0px;
	padding: 0px;	}	

/*======================================

　original card
	
=======================================*/





div#main #contents .paragraph .block{
	width:730px;
	clear:both;
	margin: 20px auto 10px;
	padding: 10px 0px 0px;
	border-top:0px solid  #999999;
	border-right:0px solid  #999999;
	border-bottom: 0px dotted #999999;		
	border-left:0px solid #999999;	

	}
div#main #contents .paragraph .block ul{
	overflow:hidden;
	display: inline;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}

div#main #contents .paragraph  .cardmito{
background:url(../images/mitoplaza.jpg) no-repeat right top;
	}

	
div#main #contents .paragraph .block ul li{
	background:url(../images/cur_03.gif) no-repeat left top;
	font-size: 85%;
	line-height:160%;
	list-style-type: none;
	width:440px;
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 2px 40px;
	text-align: left;}	
	
div#main #contents .paragraph .blocktop{
	float:left;
	width:730px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
	}	
div#main #contents .paragraph .blocktop ul{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;	
	}
div#main #contents .paragraph .blocktop ul li{
	font-size: 85%;
	line-height:160%;
	list-style: none;
	margin: 0px;
	padding: 2px 0px 2px 15px;
	display: block;
	text-align: left;}	





div#main #contents .paragraph .block .pho{
	height:137px;
	width:205px;
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 10px 15px 0px 0px;
	}
			
/*======================================

　footer
	
=======================================*/


div#main #contents .footer_flash{
	text-align:center;
	padding: 0;
	margin: 20px auto;
	width:750px;}


div#footer .footer{
	padding: 5px 10px 0px;
	margin: 0px auto;
	width:800px;}
	
div#footer .footer p{
	display:inline;
	padding: 5px 5px 10px;
	margin: 0px;}

div#footer .footer img{
	padding: 0px;
	margin: 0px;}	

div#copyright p.left{
	float:left;
	font-size:80%;	
	padding: 0px;
	margin: 0px 0px 15px 0px;}
	
div#copyright p.right{
	float:right;
	font-size:80%;	
	padding: 0px;
	margin: 0px 0px 15px 0px;}	
	
/*======================================

　original style
	
=======================================*/	



div#main .section04 {
	font-size:90%;
	width:710px;
	padding:10px 0;
	margin:0px auto;
	border-bottom:1px dotted #CCCCCC;
	clear:both;	}

div#main .section04 .ques {
	float:left;
	clear:left;
	background:transparent url(../images/faq_tit2.gif) no-repeat left top;
	color:#333366;
	font-weight:bold;
	padding:7px 0px 0px 105px;
	margin:5px 0px 0px 10px;
	height:35px;	
	width:395px;
	font-size:90%;	}

div#main .section04 .quesp{
	width:190px;
	height:120px;
	padding: 0px 10px 0px 10px;
	float:right;
	clear:right;}
	
div#main .section04 img{
	border:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	margin:10px 10px 10px 0;
	background:#F5EED2;
	width:180px;
	float:right;
	clear:right;}	
	
div#main .section04 .quest {
	clear:left;
	width:470px;
	font-size:85%;
	line-height:150%;
	padding: 0px 0px 0px 20px;
	margin:0;}
	
	
div#main .paragraph .quesli {
	width:700px;
	margin:15px auto 10px;
	padding: 0 0 0 0;
	line-height:170%;
	font-size:85%;
}

/*======================================

　FAQ navi
	
=======================================*/

div#main #contents .faqtopimage{
	width:718px;
	padding: 0px;
	margin: 0px auto 10px;}


div#main #contents .paragraph5 {
	clear:both;
	width:718px;
	padding: 0px;
	margin: 0px auto;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;}

div#main #contents .faqnavi {
	clear:both;
	width: 720px;
	height: 43px;
	margin: 10px auto 0px;
	padding: 0px;}

div#main #contents .faqnavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;}

div#main #contents .faqnavi li {
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 100%;
	text-indent:-9999px;
	text-align: left;
	position: absolute;}

div#main #contents .faqnavi a {
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0px;
	overflow: hidden;
	background-image: url(../images/faqnavi05.gif);
}

div#main #contents .faqnavi ul li.faqnavi01 a {
	width: 120px;
	height: 43px;
	background:url(../images/faqnavi01.gif) no-repeat left top;
	left: 0px;}

div#main #contents .faqnavi ul li.faqnavi01 a:hover {
	width: 120px;
	height: 43px;
	background: url(../images/faqnavi01.gif) no-repeat left -43px;
	left: 0px;}

div#main #contents .faqnavi ul li.faqnavi01in a {
	width: 110px;
	height: 43px;
	background: url(../images/faqnavi01.gif) no-repeat left -43px;
	left: 0px;}



div#main #contents .faqnavi ul li.faqnavi02 a {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi02.gif) no-repeat left top;
	left: 121px;
}

div#main #contents .faqnavi ul li.faqnavi02 a:hover {
	width: 119px;	
	height: 43px;
	background: url(../images/faqnavi02.gif) no-repeat left -43px;
	left: 121px;}


div#main #contents .faqnavi ul li.faqnavi03 a {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi03.gif) no-repeat left top;
	left: 241px
}
	 
div#main #contents .faqnavi ul li.faqnavi03 a:hover {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi03.gif) no-repeat left -43px;
	left: 241px;}


div#main #contents .faqnavi ul li.faqnavi04 a {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi05.gif) no-repeat left top;
	left: 361px
}

div#main #contents .faqnavi ul li.faqnavi04 a:hover {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi05.gif) no-repeat left -43px;
	left: 361px}


div#main #contents .faqnavi ul li.faqnavi05 a {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi04.gif) no-repeat left top;
	left: 481px
}

div#main #contents .faqnavi ul li.faqnavi05 a:hover {
	width: 119px;	
	height: 43px;
	background: url(../images/faqnavi04.gif) no-repeat left -43px;
	left: 481px}


	
div#main #contents .faqnavi ul li.faqnavi06 a {
	width: 119px;
	height: 43px;
	background: url(../images/faqnavi06.gif) no-repeat left top;
	left: 601px
}

div#main #contents .faqnavi ul li.faqnavi06 a:hover {
	width: 119px;	
	height: 43px;
	background: url(../images/faqnavi06.gif) no-repeat left -43px;
	left: 601px}

	
/*======================================

　form
	
=======================================*/
.form50 {
	width: 50px;}
	
.form70 {
	width: 70px;}
	
.form80 {
	width: 80px;}

.form100 {
	width: 100px;}

.form120 {
	width: 120px;}
	
.form150 {
	width: 150px;}

.form180 {
	width: 180px;}
	
.form200 {
	width: 200px;}
	
.form220 {
	width: 220px;}
	
.form250 {
	width: 250px;}
	
.form280 {
	width: 280px;}

.form300 {
	width: 300px;}

.form400 {
	width: 400px;}	
.form500 {
	width: 500px;}
form{
	padding:0px;
	margin: 0px 0px 0px;}	
input {
background:#FFFFFF;
	margin: 2px 0px 3px;
	padding: 2px;}
	
textarea {
background:#FFFFFF;
	margin: 2px 0px 3px;
	padding: 0px;}
	
select {
	margin: 2px 0px 3px;
	padding: 0px;}
	
	
.btnarea{
	margin: 15px 0px;
	padding: 0px;}	
	
	
.btnarea input {
background: #F7ADB2;
	margin: 2px 0px 3px;
	padding: 2px;}
	
.clear {
 clear:both;
 }