@charset "utf-8";

html{
	overflow-y:scroll;
	min-width: 1030px;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, img, a img,
dl, dt, dd, ol, ul, li
 {
    margin : 0px ;
    padding : 0px ;
    border : 0px ;
    outline : 0px ;
    font-size:100%;
    vertical-align:baseline;
    list-style:none;
}

body {
    font-size : 12px;
    color: #333;
    font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif";
	width: 100%;
	min-width: 1030px;
	background: url(../image/back.png) repeat left top;/*背景の色変更*/
}
ul, li {
    list-style-type : none;
}

a {
    text-decoration: none;
    color: #de2121;/*リンクの色*/
}

a:hover {
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}

#conteiner{
	width: 930px;
	margin: 10px auto 0px auto;
	overflow: hidden;
	background: #eee;
	border: #ddd solid 1px;
	padding: 0px 10px;

}

#header_area{
	padding: 20px 10px;
}
#header_area h1{
	font-size: 26px;/*H1タイトルの文字の大きさ*/
	margin: 0px 0px 0px 0px;
}
#header_area h1 a{
	color: #18b0a7;/*H1タイトルの色変更*/
}
#header_area h1 a:hover{
    text-decoration: none;
    color: #45cfc7;/*H1タイトルマウスオーバーの色変更*/

}
#header_area h2{
	font-size: 15px;
	font-weight: 100;
	margin: 0px 0px 0px 0px;

}

/*サイドバーはここから*/
#navi{
	float: right;
	margin: 0px 0px 10px 10px;
	width: 220px;
/*min-height:600px;*/
background:#fff;/*サイドバーの背景色・画像*/
padding:10px;
}
.side h3{
	font-size : 100%;/*サイドバータイトルの文字の大きさ*/
	margin : 0px;
	line-height : 125%;
	padding: 12px 0px 10px 30px;
	font-size: 16px;
	color: #FF337A;/*サイドバータイトルの文字色*/
border-bottom:3px solid #FF337A;
background-color:#fff;
background-image:url(../image/title_banae.png) ;
background-position:0% 50%;
background-repeat:no-repeat;
}
.side ul{
padding:0 5px;
}
.side ul li{
padding:5px;
line-height:20px;
list-style-image: url(../image/check.png);
list-style-position:inside;
}
.side ul li a{
text-decoration:underline;
}
#main_contents{
	float: left;
	width: 670px;
	margin: 0px 0px 10px 0px;
background:#fff;/*コンテンツ記事の背景色*/
padding:5px;
}

/*コンテンツなど様々な設定*/
.content_title{
	font-size : 100%;/*記事タイトルの文字の大きさ*/
	margin : 0px;
	line-height : 125%;
	padding: 12px 10px 10px 30px;
	font-size: 16px;
	color: #FF337A;/*記事タイトルの色*/
background-color:#fff;
border-bottom:3px solid #FF337A;
background-image:url(../image/title_banae.png) ;
background-position:1% 50%;
background-repeat:no-repeat;
}
.content_title a{
	color: #FF337A;/*記事タイトルの色*/
text-decoration:underline;
}

.post{
padding:0 10px;
}
.post h3{
margin:5px;
padding:5px 5px 5px 20px;
border-left:7px solid #00B7D1;
font-size:18px;
}
.post h4{
margin:5px;
padding:5px 5px 5px 20px;
border-left:7px solid #00B7D1;
font-size:15px;
}
.post h5{
margin:5px;
padding:5px 5px 5px 20px;
border-left:7px solid #00B7D1;
font-size:12px;
}

.post ul li{
list-style-type: disc;
list-style-position: inside;
}
.post ol li{
list-style-type: decimal;
list-style-position: inside;
}

.text_item, .news_item, .topics_item, .sitemap_item{
	margin-bottom: 10px;
}
.text_item p, .sitemap_item p{
    margin : 0px 20px;
    padding : 0px 0px 20px 0px;
}



.news_item dl {
    margin : 0px 10px;
	padding: 0px 10px;
    zoom: 1;
    overflow: hidden;
    padding-bottom : 15px;
	overflow-y:auto;
    max-height : 250px;
    _height : 250px;
}

.news_item dt{
    font-size : 13px;
    padding : 0px 0px 4px 0px;
    margin : 0px ;
    width : 90px;
}

.news_item dd{
    padding : 0px 5px 5px 0px;
    margin : -1px 0px 15px 0px;
    border-bottom : 1px solid #ccc;
}


.topics_item h4 {
    font-size : 14px;
    margin : 10px 20px 0px 20px;
    padding : 0px;
    font-weight : bold;
    color : #666;
    border-bottom : 1px solid #ccc;
}

.topics_item p {
    margin : 2px 20px 20px 20px;
}

.sitemap_item {
    padding-bottom : 20px;
}

.sitemap_item ul{
    margin : 10px 30px 0px 20px;
}

.sitemap_item ul li{
    margin : 0px 0px 10px 0px;
    padding : 2px 0px 0px 0px;
    list-style: disc inside;
}

	
#footer_area{
	clear: both;
	width: 100%;
	background:#eee;

}
#footer_area p {
    display : block;
    text-align : center;
    margin : 0px auto;
	width: 952px;
	padding: 35px 0px 30px 0px;
}



.topback {
font-size:10px;
background-color:#00A78D;
float:right;
padding: 5px 15px 5px 15px;
margin: 0px 34px 0px 0px;
display: inline;
margin-right:200px;
}

.topback a {
color:#FFFFFF;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */