@charset "utf-8";

body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #fff;
	margin-top: 20px;
	margin-bottm: 20px;
	padding: 0;
	text-align: center;
	color: #000000;
}


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

#コンテンツサイズ

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

.wrapper #container { 
position: relative;
width:820px;
background-image:url(image_01/back_image.gif);
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
    -moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  
} 

.wrapper #header { 
width:800px;
margin: 10px auto;
background: #fff;
} 

.wrapper #main { 
width:800px;
margin: 10px auto;
background: #fff;
} 


.wrapper #navi { 
width:800px;
height:36px;
margin: 10px auto;
background: #fff;
} 


.wrapper #pan { 
width:790px;
margin: -5px auto 5px;
background: #fff;
} 

.wrapper #sidebar1 {
position: absolute;
left: 10px;
width: 176px;
}


.wrapper #sidebar201 {
	position: absolute;
	right: 10px;
	width: 170px;
	padding: 0px;
}



.wrapper #wrapperContent { 
	width: 434px;
	margin: 0 196px 10px;
	padding: 0px 0px;
}


.wrapper #wrappersubContent { 
	width: 614px;
	margin: 0 196px 10px;
	padding: 0px 0px;
}


.wrapper #link { 
	width: 614px;
	margin: 0 196px 10px;
	padding: 0px 0px;
}


.wrapper #footer { 
	margin: 10 0px;
	padding: 10 10px 0 20px;
	background:#a7a7a7;
	text-align: right;
height: 80px;
} 


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

#ヘッダー部分

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

.wrapper #header h1 {
	margin: 0 10 0 0;
	padding: 13px 10px;
	font-size: 11px;
	line-height: 140%;
	font-weight: normal;
	color: #666;
	text-align: right;
}

.wrapper #header img {
	text-align: left;
	float: left;
	margin: 10px 0 0 10px;
}


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

#メインナビ部分

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


.wrapper #navi ul{ 
margin: 0px;
padding: 0px;
border: 1px solid #fff;
list-style-type:none;
} 

.wrapper #navi li{ 
margin: 0px;
padding: 0px;
	width:133px;
	height:36px;
	float:left;
} 


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

#パンくずナビ部分

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

.wrapper #pan { 
    font-size: 12px;  
    padding:5px 0 0px 10px;
} 

.wrapper #pan li {  
    display:inline;  
    line-height:110%;  
    list-style-type:none;  
}  
.wrapper #pan li a {  
    padding-right:10px;  
    background:url(image_01/path.gif) no-repeat right center;  
}  


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

#サイドナビ部分 左

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


.wrapper #sidebar1 ul{
margin: 0px;
padding: 0px;
width: 174px;
list-style:none;
list-style-position:outside;　
background:#FFF;
border: 1px solid #a8a3a7;
}


.wrapper #sidebar1 li a{
	margin:0px;
	padding:6px;
	padding-left:30px;
	display:block;
	color:#333;
	font-size:14px;
	background-image:url(image_01/midasi.gif);
	background-color:#eaeaea;
	text-align:left;
	line-height:160%;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #a8a3a7;
	border-right:1px solid #a8a3a7;
	text-decoration:none;
	background-repeat: no-repeat;
}

.wrapper #sidebar1 li a:hover{
color:#666666;
background-color:#85c8fb;
}

.wrapper #sidebar1 h3{
margin: 0px;
padding: 0px;
background-image: url(image_01/annai_01.jpg);
background-repeat: no-repeat;
height: 30px;
}

.wrapper #sidebar1 img{
margin-top: 10px;
}


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

#サイドナビ部分 右

-------------------------------------------------------------------------------------------------------------------- */
.wrapper #sidebar201 p{
margin: 0px 0;
padding: 0px;
background-color:#fff;
border:1px #CCC solid;
}


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

#メインコンテンツ

-------------------------------------------------------------------------------------------------------------------- */
.wrapper #wrapperContent .box{
width: 414px;
height:130px;
overflow:scroll;
padding:10px;
background-color:#d1e5f8;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  

}

.wrapper #wrapperContent .box p{
font-size:12px;
line-height: 120%;
margin:0 0 3px;
padding:3px 10px 3px;
border-bottom: 1px dotted #1f83e8;
}

.wrapper #wrapperContent .box h3{
	font-size:14px;
	line-height: 150%;
	font-weight: bold;
	margin: 0px 0px 8px;
	padding: 0px;
}



.wrapper #wrapperContent .box01{
width: 434px;
margin-top:10px;
background-color:#fff;
border: 1px solid #999;

}

.wrapper #wrapperContent .box01 h3{
	font-size:14px;
	line-height: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
background-image:url(image_01/title_back.jpg);

}

.wrapper #wrapperContent .box01 img{
margin:15px 0 15px 25px;
}


.right{
text-align: right;
margin:-10px 5px 15px 0px;
}

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

#サブコンテンツ

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

.wrapper #wrappersubContent .box01{
width: 614px;
margin-top:0px;
background-color:#fff;
border: 1px solid #999;

}


.wrapper #wrappersubContent .box01 h2{
	font-size:18px;
    color:#666;
	line-height: 150%;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
}

.wrapper #wrappersubContent .box01 h3{
	font-size:14px;
	line-height: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
padding-left: 10px;
background-image:url(image_01/title_back.jpg);

}

.wrapper #wrappersubContent .box01 h4{
	font-size:16px;
    color:#036;
	margin: 10px;
    border-left:7px solid #036;  
    border-bottom:1px solid #036;  
    padding:6px 8px; 
}


.wrapper #wrappersubContent .box01 h5{
font-size:13px;
color:#036;
margin: 0px 20px 0px 20px;
line-height: 150%;
font-weight:bold;
}


.wrapper #wrappersubContent .box01 p{
	font-size:12px;
	color:#666;
	margin: 10px 20px 10px 20px;
	line-height: 150%;
}

.wrapper #wrappersubContent .box01 table{
width:580px;
	font-size:12px;
	color:#666;
	margin: 10px auto 10px auto;
	line-height: 150%;
    border-collapse: collapse;
    border-spacing: 0;
    border:1px solid #333;  

}

.wrapper #wrappersubContent .box01 th{
	width:100px;
	padding: 5px;
	border:1px solid #333;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: normal;
	line-height: 120%;
}

.wrapper #wrappersubContent .box01 td{
    padding: 5px;
    border:1px solid #333;
    border-width: 0 0 1px 1px;
}


.wrapper #wrappersubContent .float{
float: left;
margin-left:20px;
margin-right:10px;
}

.wrapper #wrappersubContent .floatclear{
clear: both;
}


.wrapper #wrappersubContent .box02{
margin:0px 20px 10px;
text-align:right;
}


.wrapper #wrappersubContent .box02 a{
font-size:12px;
color:#034;
}


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

#リンク

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


.wrapper #link .box{
width: 614px;
margin-top:0px;
background-color:#fff;
border: 1px solid #999;
}


.wrapper #link .box h3{
	font-size:14px;
	line-height: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
padding-left: 10px;
background-image:url(image_01/title_back.jpg);

}


.wrapper #link .box h2{
	font-size:18px;
    color:#666;
	line-height: 150%;
	font-weight: bold;
	margin: 10px;
	padding: 0px;
}


.wrapper #link .box01 h4{
	margin: 7px 0 5px 5px;
	padding-bottom: 3px;
border-bottom: 1px dotted #999;
}

.wrapper #link .box01{
	margin: 10px 10px 20px 10px;
	padding: 5px;
    background-color:#eee;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    -moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  
border-bottom: 1px solid #999;
}

.wrapper #link .box01 p{
	margin: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 150%;
	color: #666;
}


.wrapper #link .box01 a{
	font-size: 14px;
	font-weight: bold;
	color: #00C;
	text-decoration: none;
}

.wrapper #link .box02{
margin:0px 20px 10px;
text-align:right;
}


.wrapper #link .box02 a{
font-size:12px;
color:#034;
}



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

#フッター

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

.wrapper #footer address{
	padding-top: 30px;
	padding-right: 10px;
}


.wrapper #footer address a{
	color: #fff;
	font-size:11px;
	font-style: normal;
	text-align: right;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 10px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 10px;
}
.clear {
	clear: both;
}