/* CSS Document */

*{margin:0px;
padding:0px;}

strong {font-weight:normal;}

img{
border:none;}

ul{
    margin-top: 0;
    margin-bottom: 0;
}

li{
list-style:none;}

body{
background:url(../img/bg.jpg) repeat-x;
color:#333;
margin:auto;
padding:auto;
font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
}

#content{
background:#fff;
width:800px;
margin:auto;
padding:auto;
border-top:1px solid #F3F4EE;
border-left:3px solid #F3F4EE;
border-right:3px solid #F3F4EE;
border-bottom:1px solid #F3F4EE;
}

#title{
background:url(img/title.jpg) no-repeat;
width:800px;
height:128px;
}

#title h1{
font-size:10px;
color:#00CCCC;
padding-left:10px;
font-weight:normal;}

#title h1 a{
font-size:10px;
color:#00CCCC;
padding-left:10px;
font-weight:normal;
text-decoration: none;}

#title p{
font-size:12px;
color:#333;
padding-left:10px;
font-weight:normal;
line-height:1.6em;}

#description{
padding-top:50px;
padding-right:380px;
font-size:12px;
color:#333;
padding-left:10px;
font-weight:normal;
line-height:1.6em;
}

/************* #breadCrumb styles *************/



#breadCrumb{
height:16px;
line-height:16px;
background:#00CCCC;
padding-left:10px;
text-align:left;
font-size:10px;
margin-bottom: 10px;
color:#666;
	}

#breadCrumb a{
	color:#666;
 text-decoration: none;}
	
#breadCrumb h3{
font-weight:normal;
font-size:10px;
text-indent:inherit;
color:#666;
text-decoration: none;}
	


/************* main content *************/
	
#left{
margin-top:10px;
float:left;
width:605px;}

#main{
float:right;
margin-left:20px;
_margin-left:10px;
margin-right:20px;
_margin-right:10px;
width:380px;
clear:both;
}

#main a{
color:#333;
text-decoration:none;}

#main a:hover{
color:#f30;
text-decoration:underline;}

#kmain{
float:left;
margin-left:10px;
_margin-left:5px;
margin-right:10px;
_margin-right:10px;
width:590px;
margin-top:10px;
clear:both;
}

.kiso{
background:url(img/kiso.jpg) no-repeat;
height:202px;
}

.kiso dl{
padding-top:26px;
padding-left:10px;
}
.kiso dt{
margin-bottom:8px;
padding-top:20px;
font-size:small;
}
.kiso dd{
font-size:small;
line-height:1.4em;

}
.main_02{
background:url(img/main_02.jpg) no-repeat;
height:202px;
margin-top:10px;
}
.main_02 ul{
padding-top:70px;
padding-left:200px;
}

.main_02 li{
margin-bottom:4px;
font-size:small;
line-height:1.4em;
}



.main_03{
background:url(img/main_03.jpg) no-repeat;
height:240px;
margin-top:10px;
}
.main_03 ul{
padding-top:70px;
padding-left:120px;
}

.main_03 li{
background:url(img/li.jpg) no-repeat;
padding-left:10px;
margin-bottom:4px;
font-size:small;
line-height:12px;
height:12px;
}

.main_04{
background:url(img/main_04.gif) no-repeat;
height:240px;
margin-top:10px;
}
.main_04 ul{
padding-top:60px;
padding-left:5px;
}

.main_04 li{
padding-left:10px;
margin-bottom:4px;
font-size:small;
line-height:12px;
height:12px;
}





.text{
font-size:small;
float:right;
padding-left:10px;
margin-top:2px;
width:220px;}

.img{
float:left;
width:180px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;}

.point{
background:url(img/point.gif) no-repeat top left #FFEEBB;
margin:20px 10px 10px 10px;
padding:20px 10px 4px 10px;
font-size:10px;
color:#666666;
}

/************* kobetu content *************/

.content-nav{
margin-top:20px;
text-align:center;
font-size:small;
}

.content-nav a{
color:#00CCCC;
}



.main_midashi{
background:url(img/ｈ.jpg);
height:30px;
line-height:30px;
padding-left:5px;
_padding-left:10px;
font-size:medium;
text-align:left;
color:#0cc;
}

.kmain_midashi{
background:url(img/kｈ.jpg);
height:30px;
line-height:30px;
padding-left:5px;
_padding-left:10px;
font-size:medium;
text-align:left;
color:#0cc;
}


.main_komidashi{
height:30px;
line-height:30px;
padding-left:5px;
_padding-left:10px;
font-size:medium;
text-align:left;
color:#0cc;
}


#kobetu{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:30px;
_margin-bottom:20px;

}

#kobetu p{
font-size:small;
line-height:1.4em;
padding:5px;
_padding:10px;
}

#kobetu h3{
color:#FF8C6F;
padding-left:5px;
_padding-left:10px;
font-size:medium;
padding-top:10px;
text-align:left;
}

#kobetu dt{
background:url(img/check.gif) no-repeat;
padding-left:24px;
height:17px;
line-height:17px;
margin-bottom:20px;
margin-left:20px;
_margin-left:10px;
font-size:small;
font-weight:bold;
color:#f60;}

#kobetu dd{
line-height:1.6em;
font-size:small;
margin-top:10px;
margin-left:20px;
_margin-left:10px;
margin-right:20px;
_margin-right:10px;
margin-bottom:20px;
_margin-bottom:10px;
}

#kobetu ul{
margin-bottom:20px;}

#kobetu li{
background:url(img/check.gif) no-repeat;
height:17px;
line-height:17px;
font-size:small;
font-weight:bold;
padding-left:24px;
margin-top:10px;
margin-left:20px;
_margin-left:10px;
color:#f60;
}

	
.dateend{
padding:1px 0;
background:url(img/line.gif) repeat-x 0% 50%;
margin-bottom:30px;
}


/************* sidemenu *************/

#sidemenu{
float:left;
width:170px;
margin-left:10px;
_margin-left:5px;
}
.prof{
margin-top:10px;}

.img_link{
margin-top:10px;}

.midashi h3{
margin-top:0px;}

.menu{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
_margin-bottom:5px;
}
.menu li{
padding-left:10px;
font-size:small;
line-height:2.0em;
background:url(img/line.gif) repeat-x bottom;}
.menu li a{
color:#339999;
text-decoration: none;}

.menu li a:hover{
color:#00CCCC;
text-decoration:underline;
}
.menu p{
font-size:x-small;
padding:10px;}


/************* right sidemenu *************/
#right{
float:right;
width:180px;
margin-right:10px;
_margin-right:5px;
}

.check_01{
background:url(img/check_01.jpg) no-repeat;
height:180px;
margin-top:10px;
margin-bottom:10px;
}

.check_01 p{
font-size:10px;
padding-top:60px;
padding-left:10px;
padding-right:10px;
line-height:1.5em;
color:#333333;
}
.check_01 a{
color:#333333;
text-decoration: none;
}
.check_01 a:hover{
color:#333333;
text-decoration:underline;
}
.check_02{
background:url(img/check_02.jpg) no-repeat;
height:167px;
}

.check_02 p {
font-size:12px;
padding-top:60px;
padding-left:20px;
padding-right:10px;
line-height:1.5em;
color:#f30;
}

.check_02 a{
color:#f30;
text-decoration: none;}

.check_02 a:hover{
color:#f30;
text-decoration:underline;
}

.check_03{
margin-top:10px;}




/************* foot *************/

#foot{
margin-top:10px;
clear:both;
width:800px;
background:url(img/foot.jpg) no-repeat;
height:80px;
text-align:center;}

#foot p{
padding-top:30px;
font-size:10px;}

#foot a{
color:#333;
text-decoration: none;}

#foot a:hover{
color:#00CCCC;
text-decoration: none;}


.copy{
margin-top:5px;
font-size:10px;}

.img_left{
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;}

imgl{
padding:20px;
_padding:10px;}

.top{
margin-top:20px;
margin-bottom:20px;
text-align:right;}

.top_10{
margin-top:10px;}


/************* table *************/ 
table{margin:20px 10px;
       border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
	border-spacing: 0;
}

th {padding: 5px;text-align:left;
	font-size:10px;
	color:#666666;
	background:#BAF1F1;
	line-height:1.6em;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;}

td {padding: 5px;text-align:left;
	font-size:10px;
	color:#666666;
	line-height:1.6em;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;}

/*■文字の色や強調 */
.red  {color: red; font-weight: normal}
.redu  {color: red; font-weight: normal; text-decoration:underline;}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 18px}

.blackb {color: black; font-weight: bold}

.blue  {color: blue; font-weight: nomal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}

.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}