@charset "utf-8";

body { background: url(../images/bg.gif); } /* 全体の背景指定 */

#wrapper #contents { width: 1000px; }

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
/*	-moz-opacity:0.5;
	opacity:0.5;*/
}


/* #main */
#main { 
	width: 675px;
	padding-bottom: 35px;
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}


/* #header */

/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}
*/






/* #top */
#header2 {
	/* タイトル画像指定 */
	background: url(../images/mainvisual2.png) no-repeat 0px 0px;
	width: 675px;
	height: 311px;
	position:relative;
	margin-bottom:20px;
}

#header2 a{
	display:block;
	width: 675px;
	height: 311px;
	}

#menu{
	width:675px;
	height:41px;
	margin-bottom:10px;
	}
#menu li{
	float:left;
	margin-left:20px;
	display:inline;
	}
#menu li a:hover{
	opacity:0.5;
	}
/* #top #header h1 { display: none; } */

#header h1 img {
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8のみ適用*/
}

#nav {
	padding: 10px;
}

#nav ul {
	letter-spacing:-0.4em; /* hack */
}

#nav ul li {
	display: inline-block;
	letter-spacing: 0em; /* hack */
	margin-right: 5px;
	margin-bottom: 5px;
}

#nav ul li a,
#nav ul li span {
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	display: block;
	height: 44px;
	width: 10em;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
}

#btn-sbm {
	text-align: left;
	padding-left:200px;
	padding-top:5px;
}

#btn-sbm li {
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
}

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article {
	font-size: 120%;
	line-height: 1.5;
	/* box-shadow: */
}

#article .text { padding: 20px; }

#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#article h3 {
	font-weight: bold;
	font-size: 100%;
}
#article p {
	margin-bottom: 10px;
}

.innerlink-head {
	margin-top: 10px;
}
.innerlink-head a {
	font-size: 11px;
	color: #000;
}

.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

#sectionA { background: #f9c; }

#sectionB { background: #cc6; }

#sectionC { background: #fc6; }

#sectionD {
	background: #6cc;
	margin-left: 10px;
}

.structure {
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
	display: -ms-box;
	display: box;
}

#sectionC {
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
	-o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	-o-box-ordinal-group:1;
	-ms-box-ordinal-group:1;
	box-ordinal-group:1;	
}

#sectionD {
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
	-o-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	-o-box-ordinal-group:2;
	-ms-box-ordinal-group:2;
	box-ordinal-group:2;	
}

@media screen and (max-width: 480px){
/* #header */
#top #main #header {
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	box-ordinal-group:1;
}

#top #main #header p { font-size: 14px; }

/* #nav */
#top #nav {
	display: block;
	letter-spacing: 0em; /* hack */
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	-moz-box-ordinal-group:4;
	-webkit-box-ordinal-group:4;
	box-ordinal-group:4;
	border-top: 1px solid rgba(150, 150, 150, 0.5);
}

#top #nav li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}
#top #nav li:first-child {
}

#top #nav ul li a,
#top #nav ul li span {
	color: #333;
	font-size: 16px;
	line-height: 44px;
	text-align: left;
	text-indent: 0;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: auto;
	height: 44px;
	padding: 0 10px;
	background: rgba(246,246,242,1);
	border: none;
	overflow: hidden;
	background-image: none;
}



#top #main #btn-sbm {
	display: block;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	box-ordinal-group:2;
}

#top #main #article {
	width: auto;
	padding: 0 10px;
	-moz-box-ordinal-group:3;
	-webkit-box-ordinal-group:3;
	box-ordinal-group:3;
}

/* ページの先頭へ */
#top #main .innerlink-head {
	display: none;
}

.structure {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}

#sectionD { margin-left: 0px; }

}

/*追加*/
.hidden{
	display:none;
	}
.midokoro_txt{
	width:400px;
	margin:30px auto 0 auto;
	padding:10px 0 0 0;
	color:#ff00ae;
	font-size:0.8em;
	}

.midokoro_ttl{
	background-color:#ff00ae;
	width:630px;
	margin:0 auto;
	}

.midokoro_img{
	width:80%;
	background:url(../images/midokoro_ttl_img.gif) 10px 5px no-repeat;
	padding:10px 10px 10px 50px;
	color:#ffffff;
	font-size:1.8em;
	margin:0 auto;
	font-weight:bold;
	}

#midokoro_header{
	width:675px;
	height:72px;
	background:url(../images/midokoro_header_bg.gif) no-repeat;
	padding-top:30px;
	}
	
.midokoro_main{
	width:675px;
	background:url(../images/midokoro_main_bg.gif) repeat-y;
	padding:10px 0 61px 0;
	}
	
#midokoro_footer{
	width:645px;
	height:105px;
	background:url(../images/midokoro_footer_bg.gif) no-repeat;
	position:relative;
	padding-right:30px;
	margin-bottom:20px;
	}

#midokoro_ttl2{
	background:url(../images/midokoro_ttl2.gif) no-repeat;
	width:287px;
	height:51px;
	margin:0 auto;
	}
#footer_btn_area{
	width:500px;
	margin:0 auto;
	}
#footer_btn_area a:hover{
	opacity:0.5;
	}	
#prev_btn{
	width:169px;
	height:32px;
	float:left;
	}
#prev_btn a{
	display:block;
	width:169px;
	height:32px;
	background:url(../images/midokoro_prev_btn.gif) no-repeat;
	text-indent:-9999px;	
	
	}
	
#next_btn{
	width:167px;
	height:32px;
	float:right;
	}
#next_btn a{
	display:block;
	width:167px;
	height:32px;
	background:url(../images/midokoro_next_btn.gif) no-repeat;
	text-indent:-9999px;
	
	}

/*共通*/

.right_main{
	background:url(../images/right_mian_bg.gif) repeat-y;
	width:310px;
	}
	
.right_main a{
	color:#FF33CC;
	}
.right_footer{
	background:url(../images/right_footer_bg.gif) no-repeat;
	width:310px;
	height:70px;
	
	}
	
.right_txt_box{
	width:80%;
	color:#FF0099;
	margin:0 auto;
	padding:0 10px;
	}

/*カレンダー*/

.calendar_box{
	width:310px;
	padding:10px 0;
	}
.calendar_box h3{
	background:url(../images/calendar_ttl.gif) no-repeat;
	width:310px;
	height:53px;
	margin:0 auto;
	
	}
.calendar_area .sunday{
	color:#FF0000;
	}
.calendar_area .satday{
	color:#3366FF;
	}
.calendar_area{
	width:80%;
	border-collapse: collapse;
	margin:0 auto;
	color:#FF0099;
	}
	
.calendar_area th{
	text-align:center;
	padding:3px;
}
	
.calendar_area td{
	padding:5px;
	width:5%;
	text-align:center;
	font-weight:bold;
	}
.calendar_month{
	text-align:center;
	padding:5px;
	font-weight:bold;
	}
.calendar_month a{	
	text-decoration: none;
	color: #000000;
}	
.calendar_month span {
	padding-right:5px;
	}
	
/*最新のエントリー*/

.new_entry h3{
	background:url(../images/new_entry_ttl.gif) no-repeat;
	width:310px;
	height:71px;
	
	}
/*アーカイブ*/

.archive h3{
	background:url(../images/archive_ttl.gif) no-repeat;
	width:310px;
	height:59px;
	}
	
#top em{
	font-style: italic;	
}
body {
	position: relative;
}