/* TEST 20121204 */



.marker_yellow {
	font-size: 14px;
	background: linear-gradient(transparent 50%, #ffff66 50%);
	line-height: 2.0;
}

body {
	margin: 0 auto;
	background-color: #FFF;
	text-align: center;
	-webkit-text-size-adjust: 100%; /* 文字の巨大化を防ぐ */
	font-family: -apple-system, BlinkMacSystemFont, Avenir, "Helvetica Neue", Helvetica, Arial, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	max-width: 100%;
	height: auto;
}
.clear {
	clear: both;
}

*, *::before, *::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/*--------------------
	gNav
--------------------*/
#gNav{
	background-color: #53CDB2;
}
#gNav ul{
	margin: 0px auto;
	width: 95%;
	overflow: hidden;
	list-style: none;
}
#gNav ul li{
	padding: 6px 30px 6px 0px;
	float: left;
}
#gNav ul li a{
	color: #ffffff;
	font-size: 12px;
	line-height: 180%;
	font-weight: bold;
}
#gNav ul li a:hover{
	color: #fff;
}

#menu-marked {
	color: #C00000;
	font-size: 14px;
	text-decoration: none;
}




.font9 {
	font-size: 9px;
	line-height: 200%;
	color: #404040;
	margin: 20px 0;
}
.font10 {
	font-size: 10px;
	line-height: 200%;
	color: #404040;
	margin: 20px 0;
}
.font12brownb {
	font-weight: bold;
	font-size: 13px;
	line-height: 200%;
	color: brown;
	background-color: #FFFBB9;
	padding: 0px 5px;
	margin: 20px 0;
}
.font12pink {
	font-weight: bold;
	font-size: 13px;
	line-height: 200%;
	color: #404040;
	background-color: #FFC0C0;
	padding: 0px 5px;
	margin: 20px 0;
}
.font12brown {
	font-size: 13px;
	line-height: 170%;
	color: brown;
	margin: 20px 0;
}
.font12brownb {
	font-weight: bold;
	font-size: 13px;
	line-height: 170%;
	color: brown;
	background-color: #FFFBB9;
	padding: 0px 5px;
	margin: 20px 0;
}



.entry_box {
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	margin: 10px 10px 10px 0px;
	background-color: #dcf7ee;
	padding: 16px 16px;
}








ul {
	margin: 0px 0px 0px 15px;
}


.form_color {
	background: #ECECEC;
}

a { color: #999966; text-decoration: underline; }
a:link		{ color: #336666; text-decoration: underline; }
a:visited	{ color: #336666; text-decoration: underline; }
a:active	{ color: #999999; text-decoration: none; }
a:hover		{ color: #999999; text-decoration: none; }



/* =================================== */
/* レイアウト */
/* =================================== */
#wrapper {
	background-color: #ffffff;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#header {
	background-color: #3da28d;
/*	background-color: #53CDB2; */
/*	background-image: url(./design_topimage_.jpg); */
	background-image: url(./topbar_title750x130.png);
	background-repeat: no-repeat;
	height:	130px
}
#header2 {
	background-color: #ffffff;
	height:	75px
}




/* ############################### */
#contents #side1{
	width: 95%;
}
#contents #center {
	width: 95%;
}
#contents #center .pad {
	padding : 0px 20px 0px 0px;
}
#contents #right {
	width: 95%;
	width: 9px;
	padding : 0px 0px 0px 0px;
}
#contents #right .pad2 {
}
#footer {
	clear: both;
}
/* ############################### */




/* =================================== */
/* ヘッダー */
/* =================================== */

h1 {  }

h2 {
	font-size: 18px;
	font-weight: bolder;
	color: #098e83;
	line-height:1.8;
	background-color: #ffffff;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 6px;
	border-left: 0px solid #098e83;
	border-bottom: 1px solid #098e83;
}

h3 {
	font-size: 14px;
	font-weight: bolder;
	color: #800000;
	line-height:1.2;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 6px;
	border-style: solid;
	border-color: #ffffff #ffffff #098e83 #098e83;
	border-width: 1px;
}


.site_title a {color: #ffffff;text-decoration: none;}
.site_title a:link {color: #ffffff;text-decoration: none;}
.site_title a:visited {color: #ffffff;text-decoration: none;}
.site_title a:active {color: #ffffff;text-decoration: none;}
.site_title a:hover {color: #ffffff;text-decoration: none;}

.site_title {
	font-size: 12px;
	color: #265C2C;
	/* margin: 20px 0px 10px 0px; */
	margin: 0px;
	padding: 100px 0px 0px 30px;
}

.description {
	font-size: 12px;
	color: #265C2C;
	/* margin: 0px 0px 25px 0px; */
	margin: 0px;
	padding: 0px 0px 10px 30px;
}


.site_panel {
	font-size: 14px;
	color: #ffffff;
	/* margin: 20px 0px 10px 0px; */
	margin: 135px 0px 0px 0px;
	padding: 0px;
}



.header-l {
	float:left;
}

.header-r {
	float:right;
	text-align:right;
	margin: 5px 5px 0px 5px;
	font-size: 10px;
}


/* =================================== */
/* エントリー */
/* =================================== */

.view{
	font-size: 12px;
	color: #666666;
	margin: 15px 0px 30px 0px;
}

.entry_tag {
	font-size: 10.5px;
	color: #666666;
	text-align:left;
	margin: 15px 0 0 0;
}

.entry_tag a {
	font-style: italic;
}

.entry {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.entry_date {
	font-size: 12px;
	font-weight: bolder;
	color: #336666;
	margin: 10px 0px 0px 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
}

.entry_title {
	font-size: 20px;
	font-weight: bolder;
	color: #098e83;
	border-bottom: 1px dotted #097C70;
	line-height:2.0;
	background-color: #ffffff;
	text-align: left;
	border-left: 12px solid #098e83;
	border-bottom: 0px solid #800000;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 6px;
}

.entry_body {
	font-size: 14px;
	line-height: 160%;
	color: #000000;
	margin: 20px 0px 20px 10px;
}

.entry_author {
	font-size: 10px;
	color: #999999;
	margin: 5px 0px 5px 0px;
	text-align: right;
}

.entry_more {
	font-size: 11px;
	line-height: 170%;
	color: #333333;
	margin: 15px 0px 15px 0px;
}

.entry_state {
	font-size: 11px;
	color: #666666;
	margin: 15px 0px 30px 0px;
}

.entry_navi {
	font-size:10.5px;
	text-align:center;
	margin:5px 0 10px 0;
}

blockquote {
	font-size: 11px;
	color: #666666;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border-left: 3px solid #CCCCCC;
}

.comment {
	margin: 10px 10px 20px;
	padding: 10px 0px 10px;
	border-bottom: 1px dotted #CCC;
}

.comment_title {
	font-size: 12px;
	color: #666;
	margin: 10px 5px 0px 0px;
	padding-bottom: 3px;
}

.comment_state {
	font-size: 10px;
	color: #666;
}

.comment_description {
	
	padding: 10px 0px 10px;
	font-size: 12px;
	color: #666;
}

.comment_form {
	margin: 10px 10px 20px;
	padding: 10px 0px 10px;
}

.form_label {
	font-size: 12px;
	color: #666;
}

.form_btn {
	margin: 5px 0px;
}

.pict {
	border-width: 1px;
	border-style: solid;
	border-color: #999;
}

.page {
	font-size: 12px;
	color: #666666;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #CCCCCC;
	text-align: center;
}

.linktitle {
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	line-height: 170%;
	margin: 20px 0px 0px 0px;
}

.linktext {
	font-size: 10px;
	color: #999999;
	line-height: 170%;
	margin: 5px 0px 25px 2px;
}


/* =================================== */
/* side_left */
/* =================================== */

.menubox1 {
	font-size: 10px;
	float:left;
	width:65px;
}

.menubox2 {
	font-size: 10px;
	width:155px;
	float : left;
}

.menuclear {
	clear: both;
}

/* =================================== */
/* 検索 */
/* =================================== */

.search {
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	margin: 0px 0px 5px 0px;
}

.search .form_color {
	width:140px;
}


.button {
	margin: 5px 0 0 0;
}


/* =================================== */
/*フッター */
/* =================================== */

.copyright {
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0px 20px 0px;
	padding: 10px;
}


/* =================================== */
/* Lists */
/* =================================== */

.entry_state {
	font-size: 10px;
	color: #666666;
	margin: 15px 20px 30px 0px;
	text-align: right;
	list-style-type: none;
}


ul.entry_lists {
	margin: 0px 5px 10px 5px;
}
ul.entry_lists li {
	font-size:14px;
	line-height: 1.8em;
	list-style-type: none;
}
ul.entry_lists li a {
}

ul.entry_lists li.entry_list_description {
	margin: 5px 0 15px 0;
	padding:10px;
	list-style:none;
	border:1px #AAA solid;
}

.entry_lists dt {
	padding-left:15px;
	background-position:left;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight: normal;
	}
	
.entry_lists dd {
	padding:0 0 5px 0;
	line-height: 1.2em;
}

.entry_lists_date {
	color: #999;
}

.lightup {
	background-color: #F5F5F5;
}



/* =================================== */
/* Clouds */
/* =================================== */

.entry_cloud {
	/*
	padding-top:20px;
	padding-left:10px;
	*/
}

/* エントリータイトル */
.entry_cloud h2 {
	font-size:medium;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	background-position:left;
}

.entry_cloud ul {
	margin: 10px 0px;
}

.entry_cloud li {
	display: inline;
	padding-left: 1em;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight: normal;
	font-size: 12px;
	}


/* =================================== */
/* ページ送り */
/* =================================== */

.pager {
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
}

.pager strong {
	font-size: 120%;
	font-weight: bold;
}


/* =================================== */
/* CALENDAR */
/* =================================== */

.calendar {
	margin: 10px 0px;
}

.calendar td {
	font-size: 10px;
	text-align: center;
	padding: 2px 2px;
}

.calendar_month td {
	font-weight: bold;
}

.calendar_week td {
	font-family: "monospace";
}

.calendar_day td {
	background-color: #F9F9F9;
}



blockquote {
	background-color:#ddd;
	padding:2.6em 1em 1em;
	position:relative;
}
blockquote:before {
	content:"“";
	font-size:600%;
	line-height:1em;
	color:#999;
	position:absolute;
	left:0;
	top:0;
}






/* ############################### */
@media all and (max-width: 640px) {


#contents #side1{
	float: left;
	width: 95%;
	padding: 0 20px;
	margin: 10px;
}


#contents #center {
	float: left;
	width: 95%;

}

#contents #center .pad {
	padding : 0px 25px 0px 15px;
}


}


/* ############################### */
@media all and (min-width: 641px) {


#contents #side1{
	float: left;
	width: 25%;
}


#contents #center {
	float: left;
	width: 70%;
	padding: 0 20px;

}

#contents #center .pad {
	padding : 0px 25px 0px 15px;
}


}