/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, 
tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {#003366
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background-color: #7d5ab6; background-image: url(images/body-bg.jpg); background-repeat: repeat-x; fixed center top;
	font: 0.81em/150% 'メイリオ', arial;
	color: #222;
}
a {
	color: #12c;
	text-decoration: none;
	outline: none medium;
}
a:hover { color: #000; text-decoration: underline; }
p { font-size: 10pt; line-height: 15pt; margin: 0 0 1.2em; padding: 0; }

/* list */

li { margin: 0; padding: 0; list-style-type:none; }

/* headings */
h1,h3, h4, h5, h6 { line-height: 1.4em; color: #000; margin: 60px 0 0.4em; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { color: #333; font-size: 1.2em; margin-top: 10px; }
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 1000px;
	margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header { position: relative; }

/* site logo */
#site-logo {clear:both;  }
#site-logo a {
	font: bold 30px/100% arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description { color: #9cf; font-size: 8pt; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; height: 45px; margin: 0; padding: 3px 0 5px; }

#site-description a { color: #fff; font-size: 8pt; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; text-decoration: underline; }

/* searchform */
#searchform {
	z-index: 100;
}
#searchform #s {
	float: right;
	background: #fff;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

#site-nav { height: 50px; float: left; }

#site-nav li { color: #fff; font-size: 18px; float: left; margin-left: 25px; }

#site-nav li a{ color: #fff; }
#site-nav li a:hover{ color: #fff; }
.btn_fb{float:right; margin-top:12px; width:26px; height:26px;}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav { position: relative; width:45.5%; max-width:455px; float:left; overflow:hidden}
.logo_kgy{width:28%; max-width:280px; float:left}
#main-nav li { list-style: none; float: left; margin: 0; padding: 0; }
#main-nav li:nth-child(1){width:22%; max-width:100px; }
#main-nav li:nth-child(2){width:26.4%; max-width:120px; }
#main-nav li:nth-child(3){width:34%; max-width:155px; }
#main-nav li:nth-child(4){width:17.6%; max-width:80px; }
main-nav li:first-child {margin-left: 0;}
#main-nav li:last-child {list-style: none; margin: 0; padding: 0; }


/************************************************************************************
CONTENT
*************************************************************************************/
#content { background: #fff; padding: 20px 30px; width: auto; margin: 0 0 30px; border: solid 10px #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }

#content2 { background: #fff; width: auto; margin: 0 0 30px; padding: 20px 55px; border: solid 10px #222; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }

/* post */
.post {
	margin-bottom: 20px;
}

.topic_ex{ text-align: left; margin: 0; padding: 0; }
.topic_pt_l{ text-align: center; width: 49%; float: left; margin: 0 0 10px; padding: 0; }
.topic_pt_r{ text-align: center; width: 49%; float: right; margin: 0 0 10px; padding: 0; }



.topic_ex2{ width: 100%; margin: 0 0 0 0; padding: 0; }
.topic_txt_l{ color: #666; font-size: 12pt; line-height: 18pt; text-align: left; width: 53%; float: left; margin: 0; padding: 0; }
.topic_txt_l2{ line-height: 2em; text-align: left; width: 53%; float: left; margin: 0; padding: 0; }
.topic_txt_tit{ color: #66c; font-size: 14pt; font-weight: 500; text-align: left; margin: 0 0 10px; padding: 0; }
.topic_txt_tit2{  color: #996; font-size: 1.2em; font-weight: 500; text-align: left; margin: 0 0 10px; padding: 0; }


/* ----------↓ここから↓ 2015.10.08 T.Aizawa Modified.-------------------------- */

.sub_tit{ color: #000; font-size: 2em; font-weight: 900; font-style: italic; line-height: 1.3em; letter-spacing: -1px; padding: 10px 0 10px 0; }

.lead_tit{ color: #996; font-size: 16pt; font-weight: bold; width: 96%; text-align: left; margin: 0 0 10px 0; padding: 10px 0 10px 0; }
.lead_txt{ width: 96%; text-align: left; margin: 0 0 10px 0; padding: 0; }

.contents_tit{ font-size: 16pt; font-weight: bold; text-align: left; margin: 0 0 10px; padding: 0; }
.contents_txt{ line-height: 2em; text-align: left; width: 53%; float: left; margin: 0; padding: 0; }

.qanda_tit{ font-size: 1.2em; font-weight: bold; width: 96%; text-align: left; margin: 0 0 10px 0; padding: 10px 0 10px 0; }
.qanda_txt{ width: 96%; text-align: left; margin: 0 0 10px 0; padding: 0; }

/* ----------↑ここまで↑-------------------------------------------------------- */

.topic_pt_r2{ text-align: center; width: 45%; float: right; margin: 0; padding: 0; }


.tpic_l{ font-size: 8pt; text-align: center; float: left; margin: 0 7.5px 10px 0; padding: 0; }
.tpic_c{ font-size: 8pt; text-align: center; float: left; margin: 0 7.5px 10px 0; padding: 0; }
.tpic_r{ font-size: 8pt; text-align: center; float: right; margin: 0 0 10px; padding: 0; }



.post-title { color: #fff; margin: 0 0 15px; padding: 10px 10px 7px 15px; font: bold 14px/120% メイリオ; background-color: #222; letter-spacing: 1px; border-bottom: 2px solid #c00; }
.post-title a {
	text-decoration: none;
	color: #333;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}


.main_tit{ color: #900; font-size: 2em; font-weight: 500; background-image: url(images/tit_main_bg.gif); background-repeat: no-repeat; text-align: left; text-indent: 20px; width: 100%; height: 50px; padding-top: 15px; }


.disc{ width: 100%; float:left; margin-right: 20px; clear:both; }
/*.disc_photo{ float: right; margin-bottom: 5px; margin-left: 20px; }*/
.disc_photo{ width: 20%; float: right; margin-bottom: 5px; margin-left: 20px; }

.td_1a{ background-color: #eee; text-align: center; width: 18.7%; float: left; padding: 5px 2px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.td_1b{ background-color: #eee; text-align: center; width: 18.3%; float: left; clear: right; padding: 5px 2px; border: solid 1px #ccc; }

.td_2a{ background-color: #fff; text-align: center; width: 18.7%; height: 75px; float: left; margin-bottom: 15px; padding: 5px 2px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-top-width: 1px; }
.td_2b{ background-color: #fff; text-align: center; width: 18.3%; height: 75px; float: left; clear: right; margin-bottom: 15px; padding: 5px 2px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }


.tit_s{ color: #fff; font-size: 1.2em; font-weight: 500; background-image: url(images/ed_mn_bg.gif); background-repeat: repeat-x; text-align: left; text-indent: 1em; width: 99.8%; padding-top: 10px; padding-bottom: 10px; border: solid 1px #ccc; }

.tit_s2{ color: #996; font-size: 1.2em; font-weight: 500; text-align: left; width: 99.8%; padding-top: 10px; padding-bottom: 10px; clear:both; }
.disc_txt { float:left;}

.und{ text-decoration: none; border-bottom:1px dashed #ddd; }
ul.list-bg, ul.list-bg li {margin: 0; padding: 0;}
ul.list-bg { margin-left: 0; }
ul.list-bg li { list-style-type: none; padding: 5px 15px 5px 25px;background-image: url(images/list.gif);background-repeat: no-repeat;background-position: left center; }

.frm_topic { margin-bottom: 15px; padding: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.cont_1 { width: 30%; float: left; margin-left: 2%; }
.cont_2 { width: 30%; float: left; margin-left: 3%; }
.cont_3 { width: 30%; float: right; margin-right: 2%; }


.content2 { background-color: #fff; background-position: 0 0; margin-top: 550px; padding: 20px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); }


.disc_tit { color: #666; font-size: 11pt; line-height: 2em; }


.list_line { width: auto; margin-bottom: 10px; border: solid 5px #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.list_01 { font-size: 1.3em; font-weight: 600; background-image: url(images/list_bg.png); background-repeat: repeat-y; text-align: center; padding: 5px 10px; border-right: 2px solid #999; }
.list_01b { color: #ee5651; font-size: 1.3em; font-weight: 600; background-image: url(images/list_bg.png); background-repeat: repeat-y; text-align: center; padding: 5px 10px; border-right: 2px solid #999; }
.list_02 { font-size: 1.1em; line-height: 1.1em; text-align: center; width: 8%; padding: 5px 10px; border-right: 2px solid #999; }
.list_03 { font-size: 1.1em; text-align: left; width: 25%; padding: 5px 10px; border-right: 2px solid #999; }
.list_04 { font-size: 1.1em; text-align: left; width: 35%; padding: 5px 10px; border-right: 2px solid #999; }
.list_05 { font-size: 1.1em; text-align: center; width: 12%; padding: 5px 10px; border-right: 2px solid #999; }
.list_06 { font-size: 1em; text-align: center; width: 7%; padding: 5px 5px 0; }

.list_a { background-image: url(images/list_bg.png); background-repeat: repeat-y; text-align: left; width: 25%; padding: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.list_a2 { background-image: url(images/list_bg.png); background-repeat: repeat-y; text-align: left; width: 25%; padding: 15px; border-right: 1px solid #ccc; }
.list_b { text-align: left; padding: 15px; border-bottom: 1px solid #ccc; }
.list_b2 { text-align: left; padding: 15px; }



/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 240px;
	float: right;
	margin: 160px 0 20px;
}
.widget {
	background: #fff;
	margin: 0 0 15px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0", 0, 0, ".4);
	-moz-box-shadow: 0 1px 3px rgba(0", 0, 0, ".4);
	box-shadow: 0 1px 3px rgba(0", 0, 0, ".4);
}
.widgettitle { color: #333; margin: 0 0 5px; padding: 0; }
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer { clear: both; color: #fff; font-size: 85%; text-align: center; }
#footer a {
	color: #fff;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content:", "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

.graph { padding: 10px; }
.tit01 { color: #69c; font-size: 11pt; font-weight: 600; text-indent: 0.5em; margin-top: 10px; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px dotted #69c; border-left: 8px solid #69c; }

.tit02 { color: #6bbce6; font-size: 110%; font-weight: 600; margin-top: 0; margin-right: 0; margin-bottom: 5px; padding: 0 0 0 5px; border-left: 5px solid #ed95bd; rder-bottom-style: dotted; }

.tit03 { color: #ccc; font-size: 100%; margin: 0; padding: 0; }

.notice { color: #dc578c; font-size: 85%; line-height: 120%; margin: 0; padding: 0; }
.topic { width: 99.8%; margin: -15px 0 15px; padding: 3px 0; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; rder-bottom-style: dotted; rder-right-style: dotted; }

.sns_icon{ width: 150px; float: left; margin: 10px 5px 10px 0; padding: 0; }
.sns_icon2{ margin: 10px 0; padding: 0; }

div.iframeWrap {
    position: relative;
    width: 100%;
}
div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.left{ text-align: left; width: 300px; float: left; margin: 0; padding: 0; }
.right2{ text-align: left; width: 300px; float: right; }
.clear{ clear: both; }

.ev_list{ padding: 10px 5px; }

.com_text { float: left; margin: 0 0 10px; padding: 0; }
.com_photo { float: right; margin: 0 0 10px; padding: 0; }
.com {width:100%; height:100px;clear:both;}