@charset "shift_jis";

* { margin: 0; padding: 0; }

html { overflow-y:scroll; }

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

  レイアウト関係

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

/*全体的な設定*/

/* clearfix */
.clearfix:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  

.clearfix {
	display: inline-block; /* IE7用 */
}

.clearfix {
	display: block;
}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */
/* End hide from IE-mac */

body {

	color: #000000;

	text-align: center;

	font-size: 13px;

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,Verdana,Arial,Helvetica,sans-serif;

	*font-size:small;

	*font:x-small;

	margin: 0;

	padding: 0;

	background-color: #eaeaea;

}



a:link {

	color: #FF6688;

}

a:visited {
	color: #FF6688;
}


a:hover {

	color: #E52C56;
}

a:active {
	color: #E52C56;
}

/*コンテンツ枠*/

#wrapper {

	text-align: left;

	width: 890px;

	margin: 5px auto 0px auto;

	background-image: url("./images/bg_02.gif");

	background-color: #ffffff;

	background-repeat: repeat-y;

	background-position: center top;

}



/*ヘッダー枠*/

#header {

	height:100px;

	margin: 0px 0px 0px 0px;

	color: #fff;

	background-image: url("./images/bg_01.gif");

	background-color: #ffffff;

	background-repeat: no-repeat;

	background-position: center top;

}



/*コンテンツ枠*/

#main {

	width: 625px;

	float: left;

	display: inline;

}



.main-inner {

	margin: 20px 15px 5px 30px;

}



#main-1 {

	width: 890px;

}



.main-1-inner {

	margin: 20px 30px 10px 40px;

}



/*サイドバー枠*/

#sidebar {

	width: 260px;

	float: right;

	display: inline;

}



.sidebar-inner {

	margin: 20px 30px 20px 0px;

	background-color: #fff;

	background-repeat: repeat-y;

	background-position: center top;

}



/*フッター枠*/

#footer {

	padding: 15px 20px 15px 20px;

	text-align: center;

	clear: both;

	color: #000;

	background-image: url("./images/bg_03.gif");

	background-repeat: no-repeat;

	background-position: right bottom;

}



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

  サイドバーメニュー内

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



#sidebar h2 {

	color: #ffffff;

	font-size: 120%;

	margin: 10px 0px 10px 0px;

	padding: 4px 0 8px 30px;

	background: url("./images/h2_03.gif") no-repeat;

}



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

  ヘッダー内

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

h1 {

	font-size: 150%;

	margin: 0px 0px 10px 0px;

	text-indent: -9999px;

}



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

  メインボディー内

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

h2 {

	color: #000000;

	font-size: 100%;

	margin: 10px 0px 0px 0px;

	padding: 5px 0 8px 30px;

	background: #ffffff url("./images/h2_01.gif") no-repeat;

}



#main-1 h2 {

	color: #000000;

	font-size: 100%;
height:25px;
	margin: 10px 0px 5px 0px;

	padding: 5px 0 8px 30px;

	background: #ffffff url("./images/h2_02.gif") no-repeat;

}



h3 { }



h4 { }



h5 { }



h6 { }



p {

	margin: 0px 0px 0.5em 0px;

	line-height: 1.5;

}



#main ul { }



#main ol { }



#main li { }



ul {

	margin: 0px;

	padding: 0px;

}



li {

	list-style-type: none;

}



/*メインナビゲーション*/



ul#navigation li {

	width:202px;

	height:30px;

	list-style: none;

	float: left;

}



ul#navigation li a{

	display:block;

	height:100%;

	text-decoration:none;

	text-indent:-1500px;

	background-repeat:no-repeat;

}



ul#navigation li a:hover {

	background-position:-202px;

}



ul#mnavigation {

	margin: 0 0 0 10px;

	padding: 0px;

}



ul#mnavigation li {

	width:218px;

	height:30px;

	list-style: none;

	float: left;

}



ul#mnavigation li a{

	display:block;

	height:100%;

	text-decoration:none;

	text-indent:-1500px;

	background-repeat:no-repeat;

}



ul#mnavigation li a:hover {

	background-position:-218px;

}



li#menu1 a{background:url("./images/cate_01.gif");}

li#menu2 a{background:url("./images/cate_02.gif");}

li#menu3 a{background:url("./images/cate_03.gif");}

li#menu4 a{background:url("./images/cate_04.gif");}

li#menu5 a{background:url("./images/cate_001.gif");}

li#menu6 a{background:url("./images/cate_002.gif");}

li#menu7 a{background:url("./images/cate_003.gif");}

li#menu8 a{background:url("./images/cate_004.gif");}

li#mmenu1 a{background:url("./images/page_01.gif");}

li#mmenu2 a{background:url("./images/page_02.gif");}

li#mmenu3 a{background:url("./images/page_03.gif");}

li#mmenu4 a{background:url("./images/page_04.gif");}

li#mmenu5 a{background:url("./images/page_001.gif");}

li#mmenu6 a{background:url("./images/page_002.gif");}

li#mmenu7 a{background:url("./images/page_003.gif");}

li#mmenu8 a{background:url("./images/page_004.gif");}



/*テーブル関連*/



.table-fl {

	  float: left;

}



table, td, th {

	border: 1px #808080 solid;

}



table {

	table-layout: fixed;

	margin: 0  7px 10px 3px;

	font-size: 90%;

	border-collapse: collapse;

	empty-cells: hide;

}



table.photo_01 td img {

	display: block;

	margin: 0 auto;

}



table.photo_01 {

	width: 401px;
}



table.photo_02 {

	width: 806px;
}



table.photo_02 img {

	margin: 0px;
	border: 1px #000000 solid;
}



table.detail {

	width: 395px;

}



table.detail2 {

	width: 806px;

}



th {

	text-align: center;

}



.detail th,

.detail td {

	padding: 5px 10px;

}



.detail2 th,

.detail2 td {

	text-align: center;

	padding: 5px 0 5px 0;

}



th.item {

	text-align: center;

	width: 120px;

	background: #FFCCCC url("./images/th.gif") repeat 0 100%;

}



.detail2 th.item {

	width: 200px;

}

.detail3 th.item {

	width: 195px;

}

.detail3 th,

.detail3 td {

	text-align: center;

	padding: 5px 0 5px 0;

}

/*更新枠*/



#main .UpdateHistory {

	height: 20em;

	overflow: auto;

	overflow-X: hidden;

	border : solid 1px #E7E7E7;

	padding: 0 0 5px 0;

	margin: 10px 0 30px 0;

	font-size:100%;

}



#main .UpdateHistory .date {

	list-style: none;

	text-align: left;

	margin: 3px 0 8px 0;

	padding: 0;

	text-decoration: none;

}



#main .UpdateHistory .date li {

	margin: 10px 2px 2px 10px;

	background-image: url(./images/page_white_edit.gif); /* 5px×5pxのマーカー */

	background-position: 0 2px;

	background-repeat: no-repeat;

	padding-left: 20px;

	padding-top: 1px;

}



/*トップページ最新情報*/



.attention {

	float:left;

	width: 280px;

	margin: 15px 5px 15px 5px;

	padding: 0;

}





/*画像枠関連*/

img {

	border-style: none;

}

/*本文内インライン*/

#main-1 .kukaku {

	height: 20em;

	overflow: auto;

	overflow-X: hidden;

	padding: 0 0 5px 0;

	margin: 10px 10px 0 0;

	font-size:100%;

}

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

   Main BOX

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



/* set the image to use and establish the lower-right position */ 

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {

	background: transparent url(./images/box_pink.png) no-repeat bottom right;

}

.cssbox {

	width: 188px !important; /* intended total box width - padding-right(next) */

	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */

	margin: 15px 0px 0px 0px; /* use to position the box */

	float:left;

	position: relative;

	color: #000000;

}



/* set the top-right image */

.cssbox_head {

	background-position: top right;

	margin-right: -15px; /* pull the right image over on top of border */

	padding-right: 25px; /* right-image-gap + right-inside padding */

}



/* set the top-left image */

#main-1 .cssbox_head h2 {

	color: #000000;

	font-size: 90%;

	background: transparent url(./images/box_pink.png) no-repeat bottom right;

	background-position: top left;

	margin: 0; /* reset main site styles*/

	border: 0; /* ditto */

	padding: 15px 0 5px 20px; /*padding-left = image gap + interior padding ... no padding-right */

	height: auto !important; height: 1%; /* IE Holly Hack */

}

*:first-child+html #main-1 .cssbox_head h2 { 

	font-size: 88%;

}



.cssbox_head h2 a {

  text-decoration: none;

  color: #000000;

}



.cssbox_head h2 a:hover {

  text-decoration: none;

  color: #FF6688;

}



/* set the lower-left corner image */

.cssbox_body {

	background-position: bottom left;

	margin-right: 5px; /* interior-padding right */

	padding: 8px 0 15px 20px; /* mirror .cssbox_head right/left */

	font-size:90%;

}



.cssbox_body p {

	padding: 0;

}

.cssbox_body ul {

	margin: 3px 0;

}



.cssbox_body a img.noborder {

    border-style: none;

}



.cssbox_body a img {

    border-style: solid;

}



.cssbox_body a:link img {

	border-color: #FFCCCC;

}



.cssbox_body a:visited img {

	border-color: #CC99CC;

}



.cssbox_body a:hover img {

	border-color: #FF6688;

}

.attention p {
	padding: 0 5px 0 5px;
	font-size: 80%;
}

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

   Side BOX

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



/* set the image to use and establish the lower-right position */ 

.sidebox, .sidebox_body, .sidebox_head, .sidebox_head h3 {

	background: transparent url(./images/box_side.png) no-repeat bottom right;

}

.sidebox {

	width: 215px !important; /* intended total box width - padding-right(next) */

	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */

	margin: 15px 0px 0px 0px; /* use to position the box */

	position: relative;

	color: #000000;

}



/* set the top-right image */

.sidebox_head {

	background-position: top right;

	margin-right: -15px; /* pull the right image over on top of border */

	padding-right: 20px; /* right-image-gap + right-inside padding */

}



/* set the top-left image */

.sidebox_head h3 {

	color: #ffffff;

	font-size: 90%;

	background-position: top left;

	margin: 0; /* reset main site styles*/

	border: 0; /* ditto */

	padding: 8px 0 5px 20px; /*padding-left = image gap + interior padding ... no padding-right */

	height: auto !important; height: 1%; /* IE Holly Hack */

}

*:first-child+html .sidebox_head h3 { 

	font-size: 88%;

}



/* set the lower-left corner image */

.sidebox_body {

	background-position: bottom left;

	margin-right: 5px; /* interior-padding right */

	padding: 5px 0 10px 20px; /* mirror .sidebox_head right/left */

	font-size:90%;

}



.sidebox_body p {

	padding: 5px 0 0 0;

}



.sidebox_body ul {

	margin: 3px 0;

}

.notice-red {
	color: red;
}