/* CSS Document */

/* tags */
body {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background: #000 url(image/back.png) right top;
}

* {
	margin: 0;
	padding: 0;
}

div,p,ul,ol,li,dl,dt,dd,form,blockquote {
	position: relative;
}

p,ul,ol,dl,form,blockquote {
	margin: 1em 0;
	text-align: left;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	text-align: left;
	position: relative;
}

a {color: #f251b1;}
a:hover {text-decoration: none;}
a:visited {color: #b2739e;}
a:active {text-align: none;}

table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
}

abbr {
	border: none;
}

a img {
	border: none;
}

br {
	letter-spacing: normal;
}


/* common inline *****/
/****************************************/
/* font size */
.s {
	font-size: 12px;
}
.ss {
	font-size: 10px;
}

/* hr */
.border_1 {
	display: block;
	width: 100%;
	height: 3px;
	background: transparent url(image/border.png);
}

/* common block *****/
/****************************************/
/* cntering */
.chuo {
	text-align: center;
}
.migi {
	text-align: right;
}

/* centering */
#header, #main, #sidebar, #footer {
	margin: 0 auto;
	position: relative;
}

/* float崩れ予防 */
#main, #sidebar, .sidebar_inner,  .container, .box {
	min-height: 1em;
	float: none;
	clear: both;
	position: relative; /* 重複 */
	overflow: hidden;
}
#main:after, #sidebar:after, .sidebar_inner:after, .container:after, .box:after {content: "";display: block;clear: both;height: 0;overflow: hidden;}

/* container and block and box */
.container {
}
.box {
	width: 100%;
}
.block {
}

/* content */
.content {
	letter-spacing: 2px;
	line-height: 1.4em;
	color: #222;
}
.content h3 {
	height: 24px;
	margin: 1em 0;
	line-height: 24px;
	text-indent: 20px;
	font-size: 14px;
	background: transparent url(image/point.png) left no-repeat;
}
.content hr {
	margin: 1em 0;
	border: 1px solid #888;
}
.content ul, .content ol {
	margin: 1em 0 1em 1.3em;
}
.content ul li {
	list-style-type: circle;
	line-height: 1.6em;
}
.content blockquote {
	margin: 1em 0 1em 1em;
	padding: 1px 1em;
	border: solid 1px #ccc;
	background: #f9f9f9;
	position: relative;
}
.content code {
	display: block;
	margin: 1em 0;
	padding: 0.5em;
	line-height: normal;
	letter-spacing: 1px;
	font-size: 12px;
	border: solid 1px #ccc;
	background: #e9e9e9;
	position: relative;
	overflow: auto;
}

/* main *****/
/****************************************/
#main .box {
	margin: 29px 0;
}

/* box */
.box .title_bx {
	height: 40px;
	width: 100%;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
.box .large_title_bx {
	height: 60px;
	width: 100%;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
.box .square_bx, .box .square_bx2, .box .square_bx3, .box .square_bx4, .box .square_bx5 {
	width: 40px;
	height: 40px;
	background: transparent url(image/published.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
}
.box .large_title_bx .square_bx {
	width: 60px;
	height: 60px;
	background: transparent url(image/published_large.png) no-repeat;
}
.box .large_title_bx .square_bx2 {
	width: 60px;
	height: 60px;
	background: transparent url(image/point_large.png) no-repeat;
}
.box .title_bx .square_bx3 {
	background: transparent url(image/point_comment.png) no-repeat;
}
.box .title_bx .square_bx4 {
	background: transparent url(image/point_tb.png) no-repeat;
}
.box .title_bx .square_bx5 {
	background: transparent url(image/point_res.png) no-repeat;
}
.box h2.title {
	height: 100%;
	margin-left: 43px;
	letter-spacing: 1px;
	text-indent: 0.5em;
	line-height: 40px;
	font-size: 16px;
	color: #422;
	background: #ffe3f1 url(image/title_back.png);
}
.box .large_title_bx h2.title {
	height: auto;
	padding-top: 5px;
	margin-left: 63px;
	line-height: 55px;
	font-size: 22px;
	color: #222;
	background: #ffe3f1 url(image/title_back.png);
}
.box h2.title a {
	display: block;
	width: 100%;
	color: #222;
	text-decoration: none;
}
.box h2.title a:hover {
	background: #ffe3f1 url(image/title_back_hover.png);
}
.box .box_footer {
	letter-spacing: 1px;
	text-align: right;
	color: #666;
}
.box .box_footer p {
	text-align: right;
}

/* entry */
.hentry .square_bx span {
	display: block;
	height: 36px;
	width: 40px;
	margin-top: 7px;
	line-height: 9px;
	letter-spacing: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}
.hentry .large_title_bx .square_bx span {
	height: 56px;
	width: 60px;
	margin-top: 13px;
	line-height: 12px;
	letter-spacing:1px;
	font-size: 12px;
}

/* toppage_info */
.toppage_info .block {
	width: 33.33%;
	float: left;
	background: #fff;
}
.toppage_info .block .content {
	margin: 3px;
	padding: 0 1em;
	border: solid 1px #ffc5de;
	background: #fff4f9;
}
.toppage_info .block .content li a {
	display: block;
	height: 1.6em;
	width: 100%;
	overflow: hidden
}
.toppage_info .block .content li a {
	text-decoration: none;
}
.toppage_info .block .content li a:hover {
	text-decoration: underline;
}

/* navigation */
#main div.container div.navigation {
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin: 30px auto;
	border: solid 1px #ffc5df;
	border-style: solid none;
}
.navigation .leftnavi {
	width: 45%;
	padding-left: 5px;
	float: left;
	text-align: left;
}
.navigation .rightnavi {
	width: 45%;
	padding-right: 5px;
	float: right;
	text-align: right;
}
.navigation a {
	text-decoration: none;
}
.navigation a:hover {
	font-weight: bold;
}

/* comments *****/
/****************************************/
div.comments_and_tbs {
	width: auto;
	margin: 0;
}
.comments_and_tbs .trackback p strong {
	display: block;
	text-indent: 25px;
	background: transparent url(image/point_small.png) left top no-repeat;
}
.comments_and_tbs h3 span {
	color: #f251b1;
}
.comments_and_tbs .block_info p {
	margin: 0;
	text-align: right;
	letter-spacing: 2px;
	color: #666;
}
.res fieldset {
	border: none;
}
.res legend {
	display: none;
}
.res .block {
	margin: 0;
	padding: 0.4em;
	border: solid 1px #ccc;
	border-style: none none solid none;
}
.res .block p, .res .block ul, .res .block dl {
	width: 99%;
	margin: 0.1em 0;
}
.res .single-line input {
	width: 99%;
}
.res .multi-line textarea {
	width: 99%;
}
.res .submit input {
	display: block;
	width: 99%;
	line-height: 30px;
	border: solid 1px #aaa;
	background: #eee;
}
.res label {
	font-weight: bold;
}
.res label em {
	font-size: 10px;
	font-style: normal;
}

/* sidebar *****/
/****************************************/
#sidebar h3 {
	width: 100%;
	height: 32px;
	line-height: 32px;
	letter-spacing: 2px;
	text-align: center;
	font-size: 14px;
	color: #553344;
	font-weight: bold;
	background: transparent url(image/sidebar_title.png) no-repeat;
}
#sidebar .first_box h3 {
	width: 100%;
	height: 32px;
	background: transparent url(image/sidebar_t.png) no-repeat;
}
#sidebar .content {
	width: 160px;
	margin: 0 auto;
}
#sidebar .content ul {
	margin: 1em 0;
}
#sidebar .content li {
	width: 100%;
	margin: 3px 0 1px 0;
	list-style-type: none;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-indent: 14px;
	background: url(image/list_menu.png) left top no-repeat;
}
#sidebar li a {
	display: block;
	width: 100%;
	text-decoration: none;
	border-bottom: solid 2px #fff;
}
#sidebar li.current-cat a, #sidebar .box li.current-post a {
	border-bottom: solid 2px #ffc7e0;
	color: #f251b1;
	font-weight: bold;
}
#sidebar li.current-cat li a {
	border-bottom: solid 2px #fff;
	font-weight: normal;
}
#sidebar li a:hover, #sidebar li.current-cat li a:hover {
	border-bottom: solid 2px #ffc7e0;
}
#sidebar .content ul ul {
	margin: 0.5em 0;
	padding-left: 14px;
}
#sidebar #searchform #s {
	width: 100px;
}
#sidebar .webclap {
	text-align: center;
}
.sidebar_b {
	display: block;
	width: 100%;
	height: 10px;
	background: transparent url(image/sidebar_b.png) no-repeat;
}


/* header and footer *****/
/****************************************/
#header h1 {
	width: 264px;
	height: 93px;
	position: absolute;
	left: 50px;
	top: 34px;
}
a.logo {
	display: block;
	width: 100%;
	height: 100%;
}
a.logo img {
	display: block;
	width: 100%;
	height: 100%;
}
#header .breadcrumb {
	height: 14px;
	width: 400px;
	letter-spacing: 1px;
	font-size: 10px;
	color: #888;
	overflow: hidden;
	position: absolute;
	left: 319px;
	top: 90px;
}
#header .breadcrumb a {
	text-decoration: none;
}
#header img.nagato {
	display: block;
	width:86px;
	height: 150px;
	position: absolute;
	top:0;
	right: 40px;
	z-index: 20;
}


/* plugin *****/
/****************************************/


/* layout *****/
/****************************************/
#header {
	width: 100%;
	height: 150px;
	background: transparent url(image/header_back.png) right center repeat-x;
	position: relative;
}
.main_border {
	margin: 0 260px 0 50px;
	position: relative;
	background: #ffc7e0 url(image/main_border_ml.png) left center repeat-y;
}
.main_border2 {
	position: relative;
	background: transparent url(image/main_border_mr.png) right center repeat-y;
}
.main_border3 {
	position: relative;
	background: transparent url(image/main_border_tl.png) left top no-repeat;
}
.main_border4 {
	position: relative;
	background: transparent url(image/main_border_bl.png) left bottom no-repeat;
}
.main_border5 {
	position: relative;
	background: transparent url(image/main_border_tr.png) right top no-repeat;
}
.main_border6 {
	position: relative;
	padding: 15px;
	background: transparent url(image/main_border_br.png) right bottom repeat-y;
}
#main {
	padding: 1px 30px;
	background-color: #fff;
}
#sidebar {
	width: 180px;
	padding-bottom: 40px;
	position: absolute;
	right: 50px;
	top: 150px;
	z-index: 10;
}
#sidebar .sidebar_inner {
	background: transparent url(image/sidebar_m.png) repeat-y;
}
#footer {
	margin: 0 260px 0 50px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 3px;
	text-align: center;
	font-size: 12px;
	color: #888;
}