/************************************************************************************
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,  header, footer, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font: 0.81em/150% "メイリオ", arial, sans-serif; color: #666; background-color: #263d6c; background-image: url(../images/bg_head.jpg); background-repeat: repeat-x; }
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 */
ul, ol {
	margin: 1em 2em 1.4em;
	line-height: none;
}
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;
}


body{
margin:0px;
padding:0px;
}


ul#rotation {
margin:0;
padding:0 0 0 0;
position:relative;
list-style:none;
}
ul#rotation li { margin:0; position:absolute; top:0; left:0; display: block; margin: 0 auto; padding: 0; }

a img { text-align: center; border-style:none; }

.br_clear{clear:both}


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

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

/* site logo */
#site-logo { position: relative; z-index: 80; margin: 0;
box-shadow: 0px -5px 5px 1px #19253d;
-webkit-box-shadow: 0px -5px 5px 1px #19253d;
 -moz-box-shadow: 0px -5px 5px 1px #19253d;
 }

#site-logo a { color: #fff; font-size: 30px; font-family: arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; }

/* site description */
#site-description { color: #9cf; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; background-image: url(images/ed_mn_bg.gif); text-align: right; position: relative; height: 30px; z-index: 85; margin: 0;  padding: 0 26px 0 0; }

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

#site-description2 { color: #248bf2; font-size: 8pt; font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;, Times; font-weight: normal; font-variant: normal; line-height: 1em; height: 22px; margin: 0 0 10px; padding: 0; }

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


#site-description img { z-index: 90; margin: 0; padding: 0; }


.tpm_left{ float: left; }


.top_right{ position:absolute; top:0; right: 10px; width: 200px; z-index:99; }
.head_txt_01{ position:absolute; top:0; right: 0; z-index:102; }
.head_txt_02{ position:absolute; left: : 0; bottom: 0; z-index:101; }


.main_logo{ position:absolute; left: 20px; top: 10px; z-index:100; margin: 0 0 -3px; padding: 0; }

.top_img{ margin-bottom: 0; }
.top_txt{ color: #ccc; font-size: 9pt; line-height: 12pt; }

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav { background-image: url(images/ed_mn_bg2.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%; margin: -4px 0 0; padding: 2px 0 0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); }
#main-nav li { position: relative; margin: 0; padding: 0; list-style: none; float: left; border-right: 1px solid #4475d8; border-bottom: 1px solid #285590; border-left: 1px solid #69f; }
#main-nav li:first-child { margin-left: 0; }
#main-nav a { line-height: 100%; font-weight: 500; color: #fff; font-size: 10pt; display: block; padding: 13px 13px 13px 12px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
#main-nav a:hover { color: #fff; background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#3162ae)); background: -moz-linear-gradient(top,  #282828,  #4f4f4f); background: #474747; }

.right{ float: left; }

/************************************************************************************
CONTENT
*************************************************************************************/
#content { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 680px; float: left;
	/* rounded corner */
	margin: 0 0 30px;}
	
#content_n { background-color: #fff; background-image: none; background-position: 0 0; width:619px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:20px; position:relative; float: left; margin-bottom: 15px; padding: 20px; box-shadow: 0px 2px 5px 1px #19253d; -webkit-box-shadow: 0px 2px 5px 1px #19253d; -moz-box-shadow: 0px 2px 5px 1px #19253d; }

#content_r { background-color: #fff; background-image: none; background-position: 0 0; width:960px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:20px; position:relative; float: left; margin-bottom: 15px; padding: 20px; box-shadow: 0px 2px 5px 1px #19253d; -webkit-box-shadow: 0px 2px 5px 1px #19253d; -moz-box-shadow: 0px 2px 5px 1px #19253d; }


/* post */
.post {
	margin-bottom: 20px;
}
.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;
}

.counter_tit{ float: left; margin: 0 5px 0 0; }

.counter{ font-size: 15px; line-height: 8pt; background-color: #333; background-image: url(images/counter_bg.gif); background-repeat: repeat; text-align: center; width: 230px; float: left; margin: 0 0 10px; padding: 0; border: solid 1px #fc3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.counter_desc{ color: #999; font-size: 8pt; float: left; margin: 0; padding: 10px 0 0 10px; }




.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%; margin-right: 20px; margin-bottom: 20px; }
.disc_txt{ width: 55%; float: left; margin-bottom: 10px; }
.disc_photo{ width: 40%; float: right; margin-top: 10px; margin-bottom: 5px; }


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



.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: 600; background-image: url(../images/ed_mn_bg.gif); background-repeat: repeat-x; text-align: left; text-indent: 1em; letter-spacing: 1px; width: 100%; padding-top: 12px; padding-bottom: 12px; clear:both;}

.tit_s2{ color: #aaa; font-size: 1.2em; font-weight: 600; text-align: left; letter-spacing: 1px; width: 100%; margin-bottom: 15px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #aaa; }

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

.frm_topic2 { margin-bottom: 15px; padding: 20px 20px 10px; border: solid 1px #ccc; }

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

table td { color: #333; text-align: left; padding: 10px; }

.com_photo1 { float: left; margin: 0 0 10px; padding: 0; }
.com_photo2 { float: right; margin: 0 0 10px; padding: 0; }
.com_tit_s{ color: #fff; font-size: 1em; font-weight: 600; background-image: url(com/images/tit_bg.gif); background-repeat: repeat-x; text-align: left; text-indent: 1em; letter-spacing: 1px; width: 99.8%; padding-top: 7px; padding-bottom: 7px; border: solid 1px #ccc; }

.topic_date { color: #bbb; font-weight: 600; letter-spacing: 0.7px; }





		#demo ol{
	margin: 0 0 1em 20px;
}
#demo dl{
	margin-bottom: 1em;
}
	#demo dl dt{
		font-weight: bold;
	}

		

.com_mes { color: #222; font-size: 18px; font-weight: 600; line-height: 1.5em; background: #fff; padding: 20px; width: 85%;
	/* rounded corner */
	margin: 0; border: solid 5px #ffe883; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.res_td1 { font-size: 8pt; line-height: 12pt; background-color: #eee; text-align: center; padding: 2px; }
.res_td2c { font-size: 9pt; line-height: 12pt; background-color: #fff; text-align: center; width: 5%; padding: 2px; }
.res_td2l { font-size: 9pt; line-height: 12pt; background-color: #fff; text-align: left; width: 20%; padding: 2px; }

.res_tdb1 { font-size: 8pt; line-height: 12pt; background-color: #eee; text-align: center; padding: 2px; }
.res_tdb2c { font-size: 9pt; line-height: 12pt; background-color: #fff; text-align: center; width: 10%; padding: 2px; }
.res_tdb2l { font-size: 9pt; line-height: 12pt; background-color: #fff; text-align: left; width: 30%; padding: 2px; }

.res_no1 { font-size: 8pt; line-height: 12pt; background-color: #eee; text-align: center; padding: 2px; }
.res_no2c { font-size: 9pt; line-height: 12pt; background-color: #fff; text-align: center; width: 5%; padding: 2px; }


.res_menu1 { text-align: left; float: left; margin-right: 40px; }
.res_menu2 { text-align: left; float: left; margin-right: 40px; }
.res_menu3 { text-align: left; float: left; }

.guest_img {float:left; width:200px; margin-right:19px; margin-bottom:20px;}
.guest_txt {float:right; width:400px;   }
.guest_prf {}
.guest_name {font-size:1.6em; line-height:1.8em; font-weight:bold; margin-bottom:20px}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar { text-align: center; width: 320px; float: left; margin: 0 0 20px; }
.widget { width:279px; background:#fff; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative; margin-bottom: 15px; padding: 20px;
box-shadow: 0px 2px 5px 1px #19253d;
-webkit-box-shadow: 0px 2px 5px 1px #19253d;
 -moz-box-shadow: 0px 2px 5px 1px #19253d;
}
.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;
}

.sp_bnr { margin-top: 5px; margin-bottom: 5px; }








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

/************************************************************************************
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: #999; font-size: 90%; margin: 0 0 5px; 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; }

.btm{ margin-bottom: 10px; }


.ftr{ position:fixed; bottom:0; width:100%; height:60px; background:url(images/ft_bg.png) repeat-x; text-align: center; margin: 0; padding: 0; }



.ft_first{ float: left; margin: 0 3px 0 5px; }
.ft_bt1{ float: left; margin: 0 0 0 10px; }
.ft_bt2{ float: left; margin: 0 0 0 10px; }
.ft_bt3{ float: left; margin-left:10px; }
.ft_bt4{ float: left; margin: 0 20px; }
.ft_bt5{ text-align: left; height: 30px; float: left; margin: 13px 0 0; }
.ft_bt5 a{ color: #fc0; font-size: 8pt; }