@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;padding:0;
}

body {
	background:white; font-size:80%;font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;	color:#333; line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0.5em;
}

ul {
	list-style:none;
}

li {
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

address{
	font-style: normal;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a{ text-decoration: underline; }
a:link{ color: #0000cc; }
a:visited{ color: #000080; }
a:hover{ color: #ff3300; }
a:active { color: #ff0000; }


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:70em; min-width:600px; margin:1.2em auto 0;
}


/*--------------------------------------------------------
 __top-menu
--------------------------------------------------------*/

#top-menu{
	width: 70em; height: 1em; background: #ffffff;
}

#top-menu ul{
	position: absolute; top: 0.5em; width: 69em; text-align: right;
}

#top-menu ul li{
	display: inline; font-size: 9pt; line-height: 14pt;
}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	position:absolute; top:2em; width: 70em; height: 5em; background-color:#2d2941;
}

#header h1 {
	position:absolute; LETTER-SPACING: -0.5pt; COLOR: #ffffff; FONT-SIZE: 2.5em; TOP: 2px; LEFT: 3em;
}

#header img {
	position:absolute; TOP: 0; LEFT: 0; Z-index: 10;
}

#sub-text {
	position:absolute; COLOR: #ffffff; TOP: 2.8em; FONT-WEIGHT: bold; LEFT: 8em
}

#header-text {
	position:absolute; COLOR: #ffffff; FONT-SIZE: 1em; TOP:0.2em; LEFT: 45em
}


/*-----------------------------------------------
 __globalnavi
-----------------------------------------------*/

#globalnavi{
	position: absolute; top: 7em; overflow:hidden; Z-index: 20;
}

#globalnavi ul{
	width:70em; min-width:600px;
}

#globalnavi li{
	width: 10.8em; margin: 0 2px; float: left; BORDER-left: #2d2941 3px solid; BORDER-bottom: #2d2941 3px solid;
}

#globalnavi li a{
	text-align: center; padding: 10px 0; width: 100%; display: block; background-color: #ccccff; color: #000000; text-decoration: none;
}

#globalnavi li a:hover{
	background-color: #ffcc33; color: #ff0000;
}

#globalnavi li.underconstruction{
	text-align: center; padding: 1.5px 0; width: 10.8em; display: block; background-color: #ccccff; color: #000000; text-decoration: none;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
position:absolute; top:11em; width:70em; min-width:600px; 
}

/* __main
------------------------------------------*/

#main {
	float:left; width:100%;
}

#main .box {
	margin:0 19em 0 15.5em; padding:0em 0.5em; color:black; 
}

#main a {
	color:blue;
}

#main a:hover{
	color: #ff3300;
}

#main h2 {
	BORDER-LEFT: #2d2941 5px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; PADDING-TOP: 1px; margin-bottom:7px; margin-top:7px; BACKGROUND: #ccccff; COLOR: #333333; CLEAR: both; FONT-SIZE: 1.3em; FONT-WEIGHT: bold
}

#main h3 {
	BORDER-bottom: #ccccff 3px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5em; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; PADDING-TOP: 1px;
	margin-bottom:7px; margin-top:7px; BACKGROUND: #ffffff; COLOR: #333333; CLEAR: both; FONT-SIZE: 1.2em; FONT-WEIGHT: bold
}

#main ul {
	margin:0 1em 2em; padding:0 0.5em; list-style-type:disc;
}

#main ul li {
	margin:0.5em 0; padding:0.3em 0 0;
}

#main ol {
	margin:0 0 1em; padding:0 0.5em;
}

#main ol li {
	margin:0 2em 0; padding:0.3em 0.3em; list-style-type:decimal;
}


/* __sub-R
------------------------------------------*/

#sub-R {
	float:left; width:18em; margin-left:-19em; padding:0px;
}

#sub-R .box{
	padding:1em; width: 16.5em; background:#eeeeee; border: 1px solid; margin-bottom:5px;
}


#sub-R h3 {
	font-size:110%; letter-spacing:1px;
}

#sub-R ul {
	margin:0; padding:0 5px;
}

#sub-R ul li {
	padding:3px 10px 3px 0;
}


/* __sub-L
------------------------------------------*/

#sub-L {
	float:left; width:15em; margin-left:-100%; padding:0px;
}

#sub-L .box{
	padding:1em; width: 13.2em; background:#eeeeee; border: 1px solid; margin-bottom:5px;
}

#sub-L h3 {
	font-size:110%; letter-spacing:1px;
}

#sub-L ul {
	margin:0 0 10px; padding:0 5px;
}

#sub-L ul li {
	padding:3px 10px;
}


/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both; width:100%; min-width:600px; margin-bottom:10px; padding:0.5em; background:#ccccff; font-size:90%;
}

#footer ul {
	margin:0 auto 5px; text-align:center;
}

#footer ul li {
	display:inline; margin-right:5px; padding-left:10px; line-height:1.1; border-left:1px solid #333;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center; margin-bottom:0;
}




/*--------------------左に画像、右に文章*/

.left{
	float: left;
	margin: 5px 20px 15px 5px;
}


/*--------------------右に画像、左に画像*/

.right{
	float: right;
	margin: 5px 5px 15px 20px;
}

/*--------------------センタリング*/

.center{
	text-align: center;
}


/*--------------------赤*/

.red{
	color: red;
}




.table_03 {
width:100%; margin:0px 0px 10px 0px; padding:0px;
border-collapse:collapse;
}

.table_03 th {
width:10%; padding:4px 2px 2px 10px; font-size:110%;
text-align:left ;vertical-align:top; color:#333333;
background-color:#ccccFF;
border:1px solid #6699CC;
}

.table_03 td {
padding:4px 2px 2px 10px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}


.table_06 {
width:100%; margin:0px 0px 10px 0px; padding:0px;
border-collapse:collapse;
}

.table_06 th {
width:7%; padding:4px 0px 4px 4px; font-size:110%;
text-align:center ;vertical-align:top; color:#333333;
background-color:#ccccFF;
border:1px solid #6699CC;
}

.table_06 td {
width:25%; padding:4px 0px 0px 8px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}



.table_08 {
width:100%; margin:0px 0px 10px 0px; padding:0px;
border-collapse:collapse;
}

.table_08 th {
width:7%; padding:4px 0px 4px 4px; font-size:110%;
text-align:center ;vertical-align:top; color:#333333;
background-color:#ccccFF;
border:1px solid #6699CC;
}

.table_08 td {
width:18%; padding:4px 0px 0px 8px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}



/*widthは並べたい枚数にあわせて調整*/
#gallery4{
    width:60em;
    background-color:#ffffff;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
dl{
    margin:0px;
    margin-right:3px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:166px;
    font-size:14px;
}
dt{
    margin:0px;
    padding:0px;
    text-align:center;
}
dd{
    margin:0px;
    padding:2px 0.5em;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dd.name{
    height:2.2em;
}
dd.comment{
    height:3.4em;
}
dd.date{
    height:1.2em;
}


/*widthは並べたい枚数にあわせて調整*/
#gallery3{
    width:60em;
    background-color:#ffffff;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
dl{
    margin:0px;
    margin-right:3px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:220px;
}
dt{
    margin:0px;
    padding:0px;
    text-align:center;
}
dd{
    margin:0px;
    padding:2px 0.5em;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dd.name{
    height:2.2em;
}
dd.comment{
    height:3.4em;
}
dd.date{
    height:1.2em;
}

/*widthは並べたい枚数にあわせて調整*/
#gallery2{
    width:60em;
    background-color:#ffffff;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
dl{
    margin:0px;
    margin-right:3px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:320px;
}
dt{
    margin:0px;
    padding:0px;
    text-align:center;
}
dd{
    margin:0px;
    padding:2px 0.5em;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dd.name{
    height:2.2em;
}
dd.comment{
    height:3.4em;
}
dd.date{
    height:1.2em;
}




.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-table; }

/* Mac版IEには適用しない \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/