@charset "UTF-8";

/* html5 default */
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section { display: block; }


[hidden], command, datalist,
menu[type=context], rp, source{
display: none;
}
/* html5 default end */


body{
	background-image:url("/public_img/bg-top.gif");
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#FFE;
	color:#660322;
	margin:0;
	padding:0;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif !important;
	line-height:1.4;
}


header p{
	font-size:11pt;
	margin-left:15px;
}

header #logo{
	padding:10px 0 20px 15px;
	font-size:20pt;
	font-weight:bold;
	background-image:url("/public_img/bg-bottom.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
header #logo a{
	text-decoration:none;
	color:#0066ff !important;
}
header #logo a img{
	border:none;
}

/* nav */
header nav#siteNav ul{
	position:absolute;
	top:2em;
	right:2em;
	text-align:right;
}

header nav#siteNav ul li{
	list-style-type:none;
	font-size:9pt;
}

header nav#siteNav ul li a{
	padding:2px 20px 2px 0;
	background-repeat:no-repeat;
	background-position:right;
}

header nav#siteNav ul li#toHome a{
	background-image:url("/public_img/to-home-icon.gif");
}

header nav#siteNav ul li#toSearch a{
	background-image:url("/public_img/to-search-icon.gif");
}

header nav#siteNav ul li#toSiteMap a{
	background-image:url("/public_img/to-sitemap-icon.gif");
}

/* globalNav */

header nav#globalNav{
	background-color:#FCFBFA;
	padding:0.4em 0.2em 0.3em 1.8em;
	margin:5px 8.1% 0 7%;
	border:solid 1px #966;
	-moz-border-radius: 0.3em;
	text-align:right;
	font-size:11pt;
}

header nav#globalNav li{
	display:inline;
}

header nav#globalNav li:before{
	content:"|　";
}

header nav#globalNav li:last-child:before{
	content:"|　｜　";
}

header nav#globalNav li:last-child:after{
	content:"　|";
}



/* -----------------------Main Box------------------------*/
#main{
	margin:0 7% 60px 7%;
	padding:10px 1em 1em 1em;
	padding-left:210px;
	position:relative;
	font-size:10pt;
}

/* --------------section---------------*/
article section{
	background-color:#FCFBFA;
	padding:1em;
	margin:0;
	border:solid 1px #966;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}


/* article style */


article h1{
	font-size:22pt;
	font-weight:bold;
	border-bottom:solid  1px #CCC;
	margin:0 0 0.7em 0;
	padding:0 0 0.3em 0;
	text-shadow:2px 2px 3px #CCC;
}
article h1 a:link{
	text-decoration:none !important;
	color:#660322;
}
article h1 a:visited{
	text-decoration:none !important;
	color:#660322;
}
article h1 a:hover{
	text-decoration:underline;
}

article h2{
	margin:2.7em 10px 0.8em 0px;
	/*text-shadow:2px 2px 3px #CCC;*/
	font-size:15pt;
	font-weight:bold;
	background-color:#FFF;
	border-top:solid 1px #660322;
	border-right:solid 1px #660322;
	border-bottom:solid 1px #660322;
	border-left:solid 9px #660322;
	padding:0.3em 0 0.2em 10px;
	-moz-border-radius: 0.3em;
}


article h2#content_1_0{
	margin-top:0;
}

article h3{
	clear:both;
	margin:3em 10px 0.5em 10px;
	padding:2px 0 2px 6px;
	font-size:14pt;
	font-weight:bold;
	border-bottom:solid 1px #AA6688;
}

article h4{
	margin:0.7em 0 0.3em 0;
	font-size:12pt;
	font-weight:bold;
	clear:both;
	padding-left:0.3em;
	border-left:solid 8px #FDD;
}

article h5{
	font-size:12pt;
	font-weight:bold;
	clear:both;
	margin-top:1.5em;
}

article ul,
article ol,
article dl{
	margin:10px !important;
}

article code,
article blockquote{
	margin:1em 0;
}

article ul li{
	list-style-type:disc;
	margin:0 0 0.7em 25px;
}

article ol li{
	list-style-type:decimal;
	margin:0 0 0.7em 25px;
}
article textarea{
	width:80%;
}
article p{
	margin-right:1em;
	margin-left:19px;
	margin-bottom:1em;
}

article p a img{
	border:1px solid #AAA;
	padding:2px;
}

article .img_margin{
	margin-left:19px;
	margin-bottom:1em;
}


article blockquote{
	padding: 0.5em 0.5em 0 0.5em;
	margin-left:19px;
	margin-right:19px;
	background:#FFF;
	border:solid 1px #ECC;
	font-size:11pt;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

article blockquote p{
	margin-left:0;
}

article code{
	padding: 0.2em;
	background:#EEE;
	color:#333;
	font-size:11pt;
}
article img{
	background-color:#FFF;
	padding:3px;
	border:solid 1px #666;
}


abbr{
	border-bottom:dashed 1px;
}
em{
	font-weight:bold;
}
strong{
	font-weight:bold;
	background:#FFF4F4;
}

time{
	color:#660322;
	font-weight:bold;
	margin-left:19px;
}

/**/
article .tag{
	display:block;
}

article .tag a{
	display:block;
	background:url(/public_img/iconTag.gif) no-repeat 0 3px;
	padding:0 20px 0 23px;
	height:30px;
	overflow:auto;
	float:left;
}

/* form */
article form input[name],
article form textarea[name]{
	border:inset 1px #660322;
}
article form input[type=radio],
article form input[type=checkbox],
article form input[type=button],
article form input[type=image]{
	border:none;
}
article form input[type=submit],
article form input[type=button]{
	border:outset 1px #660322;
}



/* toPageTop */
.goto-top{
	text-align:right;
	margin:0.5em 0.5em 0.5em 0;
}
.goto-top a{
	color:#CCC;
}
.contentDescription{
	display:none;
	border:dotted 2px #CCC;
	background-color:#FFF;
	padding:0.5em;
	margin-bottom:1em;
}

/* aside */
aside li.recommendation li{
	border:solid 2px #66AAff;
	background:#FFF;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	margin-bottom:0.5em;
	margin-right:0.5em;
}
/* aside end */


/*----------aside----------*/
aside{
	width:178px;
	_width:200px;
	position:absolute;
	top:10px;
	left:0;
	_left:-210px;

	background-color:#FCFBFA;
	padding:0 10px 10px 10px;
	margin:0;
	border:solid 1px #966;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	font-size:10pt;
}

aside h2{
	border:none;
	background:none;
	margin:1em 0 0.3em 0;
	padding:0;
	font-weight:bold;
}

aside>ul>li{
	margin:0 0 2em 0;
}

aside ol,
aside dl,
aside ul{
	margin:0 0 0 15px;
	padding:0;
}

aside p.profile{
	text-align:center;
}


aside p.profile img{
	border:solid 2px #660322;
}

aside li{
	margin:0;
	padding:0;
}

aside ul li{
	list-style-type:disc;
}

aside #archivesList{
	padding:5px;
	height:5em;
	width:156px;
	overflow:auto;
	background:#FFF;
	border:solid 1px #660322;
}

aside #twitterBox {
	background:url("/public_img/balloon.gif") no-repeat 50% 0;
	height:92px;
	margin-top:10px;
	position:relative;
}
aside #twitterBox p{
	padding:7px 12px 15px;
	height:45px;
	overflow:hidden;
}
aside #twitterBox div{
	position:absolute;
	bottom:0;
	left:-10px;
}
aside #twitterBox div a{
	border:none;
}
aside #twitterBox div a img{
	border:none;
}

aside #cse-search-box{
	padding:5px;
}

aside #cse-search-box input[text]{
	width:100px;
}

aside #archivesList{
	margin:0;
	padding:0;
}

aside #archivesList li{
	margin:0;
	padding:0;
}

/* blog only */
h5.st-related-posts{
	font-size: 12px;
	border:solid 1px #CCC !important;
	border-bottom:none !important;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	background: #F6F6F6;
	padding:5px 5px 5px 10px;
	margin:0 10px 0 10px;
}

ul.st-related-posts{
	font-size: 12px;
	border:solid 1px #CCC;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	background: #FFF;
	padding:5px 5px 5px 5px;
	margin:0 10px 10px 10px !important;
}

h5.posted,
div.contextNavi{
	font-size: 12px;
	border:solid 1px #CCC !important;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #F6F6F6;
	padding:5px 5px 5px 10px;
	margin:0 10px 10px 10px;
}

h5.posted.comment{
	background: #FFF6F6;
}

/*contextPageNavi*/
div.contextPageNavi{
	font-size: 12px;
	border:solid 1px #CCC !important;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #CCC;
	padding:5px 5px 5px 10px;
	margin:0 10px 10px 10px;
	text-align:center;
}


/* AD */
div.ad{
	font-size: 12px;
	border:solid 1px #CCC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #FFF;
	padding:5px 5px 5px 20px;
	margin:0 10px 60px 10px !important;
}

/* comment */
h5#comments,
h5#postcomment{
	font-size: 12px;
	border:solid 1px #CCC !important;
	border-bottom:none !important;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	background: #FFF6F6;
	padding:5px 5px 5px 10px;
	margin:0 10px 0 10px;
}

div.commentBox{
	font-size: 12px;
	border:solid 1px #CCC;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	background: #FFF;
	padding:5px 5px 5px 20px;
	margin:0 10px 10px 10px !important;
}

div.postcommentBox{
	font-size: 12px;
	border:solid 1px #CCC;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	background: #FFF;
	padding:5px 5px 5px 20px;
	margin:0 10px 30px 10px !important;
}

div.commentBox p,
div.postcommentBox p{
	margin:0 !important;
}

div.postcommentBox textarea{
	width:90%;
}


/* tmkm-amazon */
div.tmkm-amazon-view{
	font-size: 12px;
	border:solid 1px #CCC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #FFF;
	padding:10px 5px 5px 20px;
	margin:0 10px 10px 10px;

}


div.tmkm-amazon-view img {
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 5px;
	border: solid 1px #C2C2C2;
}

div.tmkm-amazon-view p {
	margin: 0;
}

div.tmkm-amazon-view p em {
	color: #8b0000;
	font-style: normal;
}

div.tmkm-amazon-view:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


div.tmkm-amazon-view hr.tmkm-amazon-clear {
	clear: both;
	border: none;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/* flickr-caption */
.flickr-frame{
	margin:0 19px 0 19px;
}