/***********************************************/
/* HTML tag styles                             */
/***********************************************/
* {
	margin:0;
	padding:0;
}

body {
	font-size:0.9em;
	font-family: "ＭＳ Ｐゴシック", "Arial",Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
	background:#f3e3c7;
}

p {
	line-height:150%;
	padding:0 10px 10px;
}

#wrapper {
	width: 730px;
	margin: 0px auto;
	padding: 0px;
	background:#ffffff;
}	

/******* hyperlink and anchor tag styles *******/

a:link {
  color: #006699;
  background: transparent;
}
a:visited {
  color: #800080;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: underline;
}
/************** header tag styles **************/



h1{
 margin: 0px;
 padding: 0px;
}
h1 img {
  vertical-align: bottom;
}

h2{
 font: 1.2em;
 color: #333333;
 margin: 10px 0px;
 padding: 0px;
}

h2.690 {
	color: #669900;
	margin: 5px 0px;
	padding: 5px;
	text-align:left;
	background:#F0FED8;
	font-size: 1.1em;
}

h2 img {
  vertical-align: bottom;
}


h3.630{
		margin:5px 2px;
	padding: 3px;
	text-align:left;
	color: #663300;
	border-left: 6px solid #663300;	
}






h4{
	color: #663300;
	margin: 5px;
	padding: 5px;
	border-bottom-color: #CC6600;
	border-bottom-style: dotted;
	

}



h5{
 font: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


.clear {
	margin-top: -1px;
	height: 0px;
	clear: both !important;
	clear /**/: none;
	overflow: hidden;
}


img{
	border: none;
}

.left{
float:left;
margin:0px 5px;
padding: 5px 0px;
}

.right{
float:right;
margin:0px 0px 0px 0px;
padding:0px 5px;
}

.txtfloat{
clear: both;
float:right;
margin:0px 5px;
padding: 5px;
width:175px;
font-size: 10px;
color: #006600;
}

hr { 
page-break-after:always; 
display:none;

} 
/************** txt styles *****************/



.txt12_b_red {
	font-weight: bold;
	color: #CC0000;
}
.txt12_b_green {
	color: #006600;
	font-weight: bold;
}
.txt12_b_white {
	color: #ffffff;
	font-weight: bold;
}
.txt12_green {
	color: #006600;
}
.txt11_red {
	font-size: 0.9em;
	color: #CC0000;
	line-height: 140%;
}

.txt12_red {
	color: #CC0000;
	line-height: 18px;
}
.txt11 {
	font-size: 0.8em;
	line-height: 100%;
}


.txt14_brown{
	font-size: 1.2em;
	color: #993300;
	line-height: 160%;
}

.txtc2{
	background: url(../img/point.gif) no-repeat;
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 30px;
}


.cotxtl {
clear: both;
float:left;
width:285px;
	background: url(../img/point.gif) no-repeat;
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 30px;
	border-bottom: 1px dotted #CCCCCC;
	height:60px;
}

.cotxtr {
	left:320px;
	float:left;
	width:285px;
	text-align:left;
	background: url(../img/point.gif) no-repeat;
	display: block;
	margin: 10px 0 0 20px;
	padding: 5px 0 10px 30px;
	border-bottom: 1px dotted #CCCCCC;
	height:60px;
}

.title{
	color: #663300;
	border-bottom-color: #CC6600;
	border-bottom-style: dotted;
	display: block;
	text-align:left;
	font-weight:bold;

}


.day{
	text-align:right;
	font-size:0.9em;
	
}


.ss { text-decoration:line-through; }

/*************** list tag styles ***************/



ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align:left;
}




ol {
	margin: 0px 0 0 20px;
	padding: 0px;
}


dl { 
	margin: 0;
	padding: 0;

}

dt {
clear: both;
float:left;
margin:0px 0px 0px 0px;
padding: 5px 0 0 5px;
width:180px;
font-weight: bold;
}

dd {
left:180px;
float:left;
margin:0px 0px 0px 0px;
padding:5px 0px; 
width:460px;
text-align:left;
border-bottom:1px dotted #cccccc;
}

.c1{
  list-style:disc;
  text-align:left;
  margin: 0 0 0 25px;
  line-height:170%;
}

.c2{
	background: url(../img/point.gif) no-repeat;
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 30px;
	border-bottom: 1px dotted #CCCCCC;
	line-height:130%;
}

.c3{
	list-style:disc;
	text-align:left;
	margin: 0 0 0 25px;
	line-height:130%;
}

.c4{
list-style:decimal;
	margin: 0 0 0 25px;
	line-height:160%;
}


/*テーブル
--------------------------------------------------------------------------------------*/
table.base{
	margin: 0;
	width: 98%;
	border-collapse:collapse;
	
}

table.base th,td{
    padding:0px;
	 line-height:140%;
	}


table.base th{
    padding:5px;
	background-color: #e7e7e7;
	text-align:center;
	white-space: nowrap;
	border: 1px solid #cccccc;
	}
	
table.base td{
    padding:5px;
	text-align:left;
	border: 1px dotted #cccccc;
	vertical-align: top;
	}
table.base table td{
	border:none;
	}
	
table.icon{
	margin: 0;
	width: 98%;
	border-collapse:collapse;
	
}

table.icon th,td{
    padding:2px;
	 line-height:140%;
	}


table.icon th{
    padding:5px;
	background-color: #e7e7e7;
	text-align:center;
	white-space: nowrap;
	border: 1px solid #ffffff;
	}
	
table.icon td{
    padding:5px;
	text-align:left;
	border: 1px dotted #e7e7e7;
	vertical-align: top;
	font-size: 0.9em;
	}
	
table.dl{
	margin: 0;
	width: 98%;
	border-collapse:collapse;
	
}

table.dl th,td{
    padding:3px;
	 line-height:140%;
	 font-size:0.9em;
	 padding:5px;
	}
	
table.dl th{
	background-color: #e7e7e7;
	text-align:center;
	border: 1px solid #cccccc;
	width:33%;
	}
	
table.dl td{
	text-align:left;
	border: 1px dotted #cccccc;
	vertical-align: top;
	width:33%;
	}
	
table.price{
	margin: 0;
	width: 98%;
	border-collapse:collapse;
	text-align:center;
}

table.price th,td{
    padding:2px;
	 line-height:140%;
	}


table.price th{
    padding:5px;
	background-color: #EBDBC7;
	white-space: nowrap;
	border: 1px solid #cccccc;
	font-size:0.9em;
	}
	
table.price td{
    padding:5px;
	border: 1px solid #cccccc;
	}
	
		
.lavel{
    padding:5px;
	text-align:left;
	border: 1px solid #cccccc;
	vertical-align: top;
	white-space: nowrap;
	background-color: #FFFFCC;
	}	
	
	
.yen{
	text-align:right;
	}	
.release{
	white-space: nowrap;
	}	
	
.mid{
vertical-align:middle;
	}	
	
	
/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}


/*********  角丸設定  *********/

#container {
	width:700px;
	margin:0 auto;
}
#container h3 {
	width:650px;
	margin-left:20px;
	padding:15px 10px 5px 20px;
	background:url(../img/kadomaru_top.gif) no-repeat;
	font-size:1.2em;
}
.entry {
	width:630px;
	margin-left:20px;
	padding:0 10px;
	background:url(../img/kadomaru_center.gif);
}
.update {
	width:650px;
	margin-left:20px;
	margin-bottom:15px;
	background:url(../img/kadomaru_bottom.gif) no-repeat left bottom;
	text-align:left;
}

.submit{
text-align:center;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header {
  height:95px;
  width: 730px;
  background:URL(../img/back_header.jpg) repeat-x #ffffff;
  text-align:center;
  clear: both;
  margin:0;
  padding:0;
}

#logo {
  margin: 0;
  float:left;
  padding:0;
  width:340px;
  height:95px;
}

#utility {
  　margin: 0;
    float:right;
	text-align:right;
	width:370px;
	height:25px;
	padding:3px 0 0 0;
}

#fontsize {
  　margin: 0;
    float:right;
	width:140px;
	height:50px;
	padding:7px 0 0 0;
	background:url(../img/back_font.gif) no-repeat;
	font-size:0.9em;
	line-height:130%;
}

#google {
  　margin: 0;
    float:right;
	width:160px;
	height:50px;
	padding:2px 0 0 0;
	background:url(../img/back_google.gif) no-repeat;
	font-size:0.9em;
}



#pankuzu {
	  clear: both;
  margin:0;
  padding:5px;
	height:15px;
	background:URL(../img/back_pankuzu.jpg) repeat;
	text-align: left;
	font-size: 0.9em;
	}

#topimg {
clear: both;
	width: 730px;
	height:180px;
	margin: 0px;
	padding: 0px;
	background:url(../img/back_top.jpg);
}

#infotxt{
float:right;
	width: 300px;
	height: 65px;
	margin:100px 10px 0 0;
}
	
#top_left {
	float: left;
	width: 300px;
	padding:10px 0 10px 20px;
	font-size:0.9em;
}
#top_right {
	float: right;
	width: 390px;
	padding:10px 0 10px 0;
}

.contents {
	  clear: both;
  margin:10px auto;
  padding:0;
	text-align: left;
	width:650px;
	}	
	
.contentssign {
	  clear: both;
  margin:10px auto 100px auto;
  padding:0;
	text-align: left;
	width:650px;
	border-bottom: solid 3px #EAFFB0;
	}	
	
.contents h3 {
	clear: both;
	width:650px;
	margin:10px 0px;
	padding:5px 0 5px 10px;
	background:url(../img/kadomaru_top.gif) no-repeat;
	font-size:1.2em;
	color: #669900;
}


.attention {
	clear: both;
	margin:20px auto;
	padding:10px;
	text-align: left;
	width:630px;
	background-color: #FFFFCC;

	}	

.coleft {
	float: left;
	clear: both;
	margin:10px auto;
	padding:0;
	width: 300px;
}

.coright {
	float: right;
	margin:10px auto;
	padding:0;
	width: 300px;
}


.photobox {
  margin: 0 15px 20px 0;
  float:left;
  padding:0;
  width:200px;
  height:200px;
  line-height: 140%;
  font-size:0.9em;
}	
.photobox_small {
  margin: 0 0 20px 0;
  float:left;
  padding:0;
  width:130px;
  height:82px;
  line-height: 140%;
  font-size:0.9em;
  position: relative;
  top: 0;
  left: 0;
}
.photobox_small img{
    position: absolute;
    top: 0;
    left: 0;
	clip: rect(0 130px 80px 0);
}
ul.hidden{
display:none;
}


.capbox {
  margin: 5px 15px 10px 0;
  float:left;
  padding:0;
  width:180px;
  line-height: 140%;
  font-size:0.9em;
}	

.newsbox {
clear:both
  margin: 5px;
  padding:5px;
  width:365px;
  line-height: 120%;
  font-size:0.9em;
  background-image:url(../img/kadomaru_center.gif);
  background-repeat:repeat-y;
  }	

.bannerbox {
clear:both
  margin: 5px;
  padding:5px;
  width:365px;
  line-height: 120%;
  font-size:0.9em;
  }	

	
#footer {
 clear: both;
	width: 730px;
	margin:0;
	padding: 50px 0 0 0;
	height:50px;
}



#copy{
  clear: both;
	width: 730px;
	height:40px;
	margin:0;
	padding: 0;
	text-align:center;
	background: url(../img/back_footer.jpg) repeat-x;
}


/***********************************************/
/* menu Divs     ※修正する場合は/map/index.htmlも修正必要  */
/***********************************************/

#menu {
    float:left;
	text-align:left;
	width: 730px;
	height: 50px;
	background: url(../img/menu_off.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#menu li {
	margin: 0px;
	padding: 0px;
	position: relative ;
	text-indent: -9999px;
	float:left;
}
#menu li#enterprise   { left:0px; width: 122px; }
#menu li#gallery    { left:0px; width: 122px; }
#menu li#zanmai  { left:0px; width: 122px; }
#menu li#trivia   { left:0px; width: 121px; }
#menu li#relay { left:0px; width: 122px; }
#menu li#activity    { left:0px; width: 121px; }
#menu li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 50px;
}
#menu li#enterprise a:hover {
  background: url(../img/menu_on.gif) 0 0;
}
#menu li#gallery a:hover {
  background: url(../img/menu_on.gif) -122px 0;
}
#menu li#zanmai a:hover {
  background: url(../img/menu_on.gif) -244px 0;
}
#menu li#trivia a:hover {
  background: url(../img/menu_on.gif) -366px 0;
}
#menu li#relay a:hover {
  background: url(../img/menu_on.gif) -487px 0;
}
#menu li#activity a:hover {
  background: url(../img/menu_on.gif) -609px 0;
}



/***********************************************/
/* info Divs                                 */
/***********************************************/


#info{
	position: relative;
	top:30px;
	left: 20px;
	width: 185px;
	height: 135px;
}


#info ul {
	margin: 0px;
	padding: 0px;
  list-style: none;
}

#info li {
  margin: 0;
  padding: 0;
  left: 0px;
  width: 185px;;
  text-indent: -9999px;
  height: 45px;
  
}

#info li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 185px;
  height: 45px;
}


#info li#sub01   {
  background: url(../img/info_off.gif) no-repeat 0px 0px;
}
#info li#sub02     {
  background: url(../img/info_off.gif) no-repeat 0px -45px;
}
#info li#sub03    {
  background: url(../img/info_off.gif) no-repeat 0px -90px;
}

/* マウスオーバー時の指定
---------------------------------------------------- */
#info li#sub01  a:hover    {
  background: url(../img/info_on.gif) no-repeat 0px 0px;
}
#info li#sub02  a:hover    {
  background: url(../img/info_on.gif) no-repeat 0px -45px;
}
#info li#sub03  a:hover    {
  background: url(../img/info_on.gif) no-repeat 0px -90px;
}
/***********************************************/
/* footerinfo Divs    ※修正する場合は/map/index.htmlも修正必要  */
/***********************************************/

#siteinfo {
    float:left;
	text-align:left;
	width: 730px;
	height: 30px;
	background: url(../img/siteinfo_off.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#siteinfo ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#siteinfo li {
	margin: 0px;
	padding: 0px;
	position: relative ;
	text-indent: -9999px;
	float:left;
}
#siteinfo li#contact { left:0px; width: 90px; }
#siteinfo li#policy { left:0px; width: 95px; }
#siteinfo li#guide { left:0px; width: 120px; }
#siteinfo li#sponsor { left:0px; width: 200px; }
#siteinfo li#toukou { left:0px; width: 90px; }
#siteinfo li#sankaku { left:0px; width: 135px; }
#siteinfo li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 30px;
}
#siteinfo li#contact a:hover {
  background: url(../img/siteinfo_on.gif) 0 0;
}
#siteinfo li#policy a:hover {
  background: url(../img/siteinfo_on.gif) -90px 0;
}
#siteinfo li#guide a:hover {
  background: url(../img/siteinfo_on.gif) -185px 0;
}
#siteinfo li#sponsor a:hover {
  background: url(../img/siteinfo_on.gif) -305px 0;
}
#siteinfo li#toukou a:hover {
  background: url(../img/siteinfo_on.gif) -505px 0;
}
#siteinfo li#sankaku a:hover {
  background: url(../img/siteinfo_on.gif) -595px 0;
}



#box {
	position:absolute;
	left:0px;
	top:100px;
	width:320px;
	height:240px;
	background-color:#f00;
	border:1px solid black;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}