/* =リセット・初期化
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =基本枠
----------------------------------------------- */

/*==================================
基本設定
==================================*/
#pagetop{height:0px;}
body{
	background-color:#fff;
	color:#222;
	text-align:left;
	font-size:100%;
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
}
#container {width:100%;	margin:0 auto;}
ul{margin:0; padding:0;}
li{margin:0; padding:0; list-style:none;}
p{margin:0; padding:0; font-size:85%; line-height:1.5; font-weight:bold;}

a{
	color:#2489ce;
    text-decoration: none;
}


a:hover{
	color:#0A10F8;} 	 		

/************************************************************
見出し
*************************************************************/



.nav{width:100%; height:40px; background-color:#222; border-bottom:#666 8px solid;}
.nav img{ margin:10px 0 0 10px;	float:left;}
.nav h1{	font-size:10px; padding:13px 0 0 20px;	margin:0; color: #fff;	font-weight:bold;	float:left;}


#header{width:100%;}

/* =BxSlider(スライドショー)
----------------------------------------------- */
#slider{width: 100%; margin:0 auto;}

/* =Main
----------------------------------------------- */
#main{width:960px; margin:0 auto; padding:0;}
.main_section{width:100%; margin:10px auto 10px auto; padding:0; float:left;}
.main_section .left_in{width:48%; float:left; margin:0 10px 10px 0; padding:0;}
.main_section .right_in{ width:48%; float:left; margin:0 0 10px 0; padding:0;}

.main_section h2{ width:100%; background-color:#CCC; padding: 15px 0px; margin:0 0 0px 0; font-size:15px; font-weight:bold;}
.main_section h3{background-color:#f0f0f0; padding:15px 10px 10px 0px; margin:15px 0; font-size:15px; font-weight:normal;}
.main_section span{font-size:13px;}
.main_section p{margin:0; padding:0; font-size:85%; line-height:1.5; font-weight:normal;}

.main_section table{width:100%; margin:10px auto 10px 0; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.main_section table th{width: 25%; padding: 4px; text-align: left; vertical-align: top; color: #444; background-color: #ccc; border-top: 1px solid #fff; 
border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}
.main_section table td{ padding: 4px; background-color: #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}

/* =.main_entry_block(3カラムのブロック。)
----------------------------------------------- */		
.main_3column{width:100%; margin:0 0 10px 0; padding:0; float:left;}
.main_3column ul{margin:0; padding:0;}
.main_3column li{width:32%;  margin:5px 2px 0 0; padding:0; background-color:#EFEFEF; float:left; font-size:10px;}
.main_3column li.end{width:32%;;  margin:5px 0 0 0; padding:0; background-color:#EFEFEF; float:left; font-size:10px;}

/* =.amber(3カラムのブロック。)
----------------------------------------------- */	
.amber { width:96%; text-align:left; border: 1px solid #ccc; padding: 3px; background: #FFF9EA; }
.amber .f12 { font-size: 80%; }
.amber ul { border-bottom: 1px solid #ccc; padding-left: 0; margin-bottom: 10px; display: block; }
.amber ul li { background: #fff; border-top: 1px solid #ccc; height: auto; margin: 0px; list-style-type: none; padding-top: 10px; clear: both; line-height: 1; font-size: 80%; padding-bottom: 15px; overflow: hidden; }
.amber ul li p{ margin:0; padding:0 0 5px 0; font-weight: bold; display: block; font-size:110%; }
/*.amber ul li span.title { font-weight: bold; display: block; padding-top: 5px; }*/
.amber ul li img { float: left; width: 20%; max-width: 20%; margin-right: 10px; margin-left: 5px; padding-top: 5px; }
.amber ul li span.red { display:block; margin:10px; padding:10px; clear:both; width:80%; border:1px #666666 solid; font-size: 130%; }



		/* =main_entry(記事を書くとき専用)
		----------------------------------------------- */
		.main_entry{width:100%; margin:0 0 10px 0; padding:0; float:left;}
		.main_entry h2{background-color:#CCC; padding: 15px 10px 10px 0px; margin:0 0 15px 0; font-size:15px; font-weight:bold;}
		.main_entry h3{background-color:#f0f0f0; padding:15px 10px 10px 0px; margin:15px 0; font-size:15px; font-weight:normal;}
		.main_entry p{ line-height:1.4; font-size:15px;}
		.main_entry img{ width:95%; padding: 8px; background-color: #ffffff; border:1px #EFEFEF solid; margin:10px auto;}
		
		
		.main_entry table{width:100%; margin:10px auto 10px 0; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
		.main_entry table th{width: 25%; padding: 4px; text-align: left; vertical-align: top; color: #444; background-color: #ccc; border-top: 1px solid #fff; 
		border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}
		.main_entry table td{ padding: 4px; background-color: #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:13px;}



		
		/* =main_entry_sub(記事の下部の別ページリスト)
		----------------------------------------------- */
		.main_entry_sub{width:100%; margin:0px 0 10px 0; padding:0; border-top:1px #EFEFEF solid; float:left;}
		.main_entry_sub h4{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entry_sub ul{margin:0; padding:0;}
		.main_entry_sub li{width:48%;  margin:5px 4px 0 0; padding:0; background-color:#EFEFEF; float:left;}
		.main_entry_sub li.end{width:48%;  margin:5px 0 0 0; padding:0; background-color:#EFEFEF; float:left;}
		
		/* =main_entrydate(記事の下部の別ページリスト)
		----------------------------------------------- */
		.main_entrydate{width:100%; margin:30px 0 10px 0; padding:0; border-top:1px #EFEFEF solid; float:left;}
		.main_entrydate h4{background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0; font-size:16px; font-weight:normal;}
		.main_entrydate ul{margin:0; padding:0;}
		.main_entrydate li{ height:30px; margin:5px 5px 0 0; padding:10px 0 0 10px; background-color:#EFEFEF; font-size:15px;}




		/* =main_item
		----------------------------------------------- */
		.main_item{width:100%; margin:0 0 30px 0; padding:0; float:left;}
		.main_item_name{width:100%; height:20px; margin:30px 0 30px 0; padding:0; float:left; font-weight:bold; font-size:20px; color:#222;  border-bottom:#CCC 1px dashed;}
		.main_item_inner{width:100%; margin:0; padding:0; float:left;}
		.main_item_logo{width:35%;  margin:0; padding:0; float:left;}
		.main_item_image{width:60%; margin:0 0 0 10px; padding:0; float:right;}
		
		.main_item_text{width:90%;  margin:10px 0; padding:10px; float:left; border:1px #CCCCCC dashed;}
		.main_item_text p{ line-height:1.5; font-size:11px; font-weight:normal;}
		
		
		.main_item_explanation{width:100%; margin:0; padding:0; float:left;}
		.main_item_explanation table{width:90%; margin:10px auto; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
		.main_item_explanation table th{width: 25%; padding: 2px; text-align: left; vertical-align: top; color: #444; background-color: #ccc; border-top: 1px solid #fff; 
		border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:11px;}
		.main_item_explanation table td{ padding: 2px; background-color: #fafafa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:11px;}



		/* =page-top
		----------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #3FA769;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #3FA769;
}


/* =footer
----------------------------------------------- */
.list ul{
 border-bottom: 1px solid #666;
 }
 .list ul li{
 background-color: #222;
 border-bottom: 1px solid #666;
 margin: 0;
}

 .list ul li.gray a{color:#333 !important;}
 .list ul li a{
	color: #fff;
    display: block;
    font-size: 100%;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
 }
 
address{ width:100%; height:35px; border-top:#666 7px solid; background-color:#CCC; font-size:12px; text-align:center; padding:5px 0 0 0;}