@charset "utf-8";



/*============================================================
Common
============================================================*/






body {

font-weight: normal;
	font-family: Helvetica;
	font-size:85%;
	margin: 0 0 0 10px;
	padding: 0;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
}


img{
	border:none;
}

a:link,
a:visited {
	color:#336699;
	text-decoration:none;
}



a:focus,
a:hover,
a:active {
	color:#999999;
	text-decoration:none;
}





/*============================================================
Header
============================================================*/

#header_box{
	border-bottom: 1px solid #666666;
	position: relative;
}

#header {
	background: rgb(109,133,163) url(https://templates.blog.fc2.com/template/sphone/basic_blue/bgHeader.png) repeat-x top;
	border-top: 1px solid rgb(205,213,223);
	border-bottom: 1px solid rgb(46,55,68);
	margin: 0 0 0 -10px;
	-webkit-box-sizing: border-box;
	min-height: 44px;
}
#header h1 {
	color: #fff;
	font: bold 20px/30px Helvetica;
	text-shadow: #2d3642 0 -1px 0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 49%;
	padding: 5px 0;
	margin: 2px 0 0 -24%;
	position: absolute;
	top: 0;
	left: 50%;
}

#header a {
	color: #FFF;
	background: none;
	font: bold 12px/30px Helvetica;
	border-width: 0 5px;
	margin: 0;
	padding: 0 3px;
	width: auto;
	height: 30px;
	text-shadow: rgb(46,55,68) 0 -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
	top: 7px;
	right: 6px;
}

#header #backButton {
	left: 6px;
	right: auto;
	padding: 0 0 0 13px;
	width: 43px;
	height:30px;
	background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_blue_b_bg_005.png) no-repeat;
}

#header ul {
	margin-top: 15px;
}



h2 {
	font: 13px/16px Helvetica;
	margin-left:10px;
	margin-right:10px;
}

h2#pagetitle {
	padding:15px 0;
	margin:0;
	color:#336699;
	font-weight:bold;
	text-align:center;
	font-size:120%;
	border-bottom: 1px solid #666666;
}

.box{
	margin:10px;
}





/*============================================================
Ad
============================================================*/

.ad01{
	text-align:center;
	margin:10px 0px;
}

.ad02{
	text-align:center;
	margin:10px 0 30px;
}






/*============================================================
Pager
============================================================*/

.pager {
	text-align:center;
	border-bottom:1px solid #666666;
	background:#f1f1f1;
	margin:0;
	padding:13px 0;
	font-size:85%;
}
.pager_box {
}
.pager_box a {
	margin-right:3px;
	padding:6px 10px;
}
.pager_box a:link,
.pager_box a:visited {
	background-color:#859db9;
	border:1px solid #859db9;
	text-decoration:none;
	color:#FFFFFF;
}
.pager_box a:focus,
.pager_box a:hover,
.pager_box a:active {
	background-color:#336699;
	border:1px solid #336699;
	color:#FFFFFF;
	text-decoration:none;
}
.pager_box strong {
	background-color:#336699;
	border:1px solid #336699;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:3px;
	padding:6px 10px;
}

/*
.pager{
	text-align:center;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#f1f1f1;
	margin:10px 0;
}

.pager ul {
	width:280px;
	margin:0 auto;
}

.pager ul li {
	float:left;
	padding: 10px 5px;
	list-style-type: none;
	font-size:85%;
	margin:0;
}

.other_entry{
	width:100px;
	margin:4px auto;
	font-style:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.next_entry{
	width:100px;
	margin:4px auto;
	font-style:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	text-align:right;
}
*/



/*============================================================
subtitle
============================================================*/

/* Normal lists and metal 　　　Topページ*/

body#normal h3 {
	color: #fff;
	background: rgb(154,159,170) url(https://templates.blog.fc2.com/template/sphone/basic_blue/bglight.png) top left repeat-x;
	text-shadow: #666 0 1px 0;
	margin: 0;
	padding: 5px 10px;
	font: bold 15px Helvetica;
	text-align:center;
	border-bottom:1px solid #666666;
}


body#normal {
	margin: 0;
	padding: 0;
	background-color: rgb(255,255,255);
}





/*============================================================
Button
============================================================*/

a.button ,input.button{
	color: #ffffff;
	font: bold 120%/46px Helvetica;
	text-decoration: none;
	text-align: center;
	text-shadow: #000 0 1px 0;
	border-width: 0px 14px 0px 14px;
	display: block;
	margin:5px 0;
}
input.button {
	width:100%;
	height:45px;
	background-color: white;
	padding: 0 0 5px 0;
}
a.white ,input.white{
	color: #000000;
	text-shadow: #fff 0px 1px 0;
}
.button_box .inner {
	background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_blue_b_bg_001.png) no-repeat right center;
}
.button_box .inner a {
	background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_blue_b_bg_002.png) no-repeat left center;
}
.button_box .inner_w {
	background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_blue_b_bg_003.png) no-repeat right center;
	border-radius:0;
}
.button_box .inner_w a,.button_box .inner_w input{
	background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_blue_b_bg_004.png) no-repeat left center;
	border:none;
	border-radius:0;
}






/*============================================================
Clearfix
============================================================*/

.pager:after {
	content:".";
	display:block;
	height:0.1px;
	clear:both;
	visibility:hidden;
	overflow:hidden; 
}

.pager {
	zoom:1;
}

/*\*/
* html .pager {
	height: 1px;
	overflow: visible;
}
/**/





/*============================================================
Footer
============================================================*/

#footer{
	text-align:center;
	margin:0 0 10px 0;
	padding:20px 0 0;
	font-size:95%;
}

#footer .footer_menu a{
	margin:0 10px 0;
}

#footer p{
	margin:4px 0 6px;
}

.footer_menu{
	margin:10px 0 30px 0;
}

.footer_copyright{
	font-size:85%;
	text-align:center;
}

.footer_copyright address{
	margin:4px auto;
	font-style:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
}





/*============================================================
TOP
============================================================*/

/* Entry --------------------------------------*/
ul.entry {
	background: #fff;
	padding: 0;
	margin:0px;
}

ul.entry li {
	color: #666;
	border-bottom: 1px solid #666666;
	list-style-type: none;
}

ul.entry li.arrow {
	background-image: url(https://templates.blog.fc2.com/template/sphone/basic_blue/chevron.png);
	background-position: right 40%;
	background-repeat: no-repeat;
}

ul.entry li a{
	color: #000;
	text-decoration: none;
	overflow: hidden;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin:10px 30px 10px 10px;
}

ul.entry li strong{
	color:#336699;
	margin:3px 0;
}

ul.entry li span{
	margin:3px 0;
	font-size:90%;
}




/* Menu --------------------------------------*/

ul.menu {
	color: black;
	background: #fff;
	padding: 0;
	margin:0;
}

ul.menu li {
	border-bottom: 1px solid #666666;
	list-style-type: none;
}

ul.menu li.arrow {
	background-image: url(https://templates.blog.fc2.com/template/sphone/basic_blue/chevron.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding:5px 0;
}

ul.menu li a{
	color:#336699;
	text-decoration: none;
	overflow: hidden;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin:5px 30px 5px 10px;
	padding:5px 0;
}

ul.menu li strong{
	margin:3px 0;
	font-weight:normal;
	font-size:85%;
}

ul.menu li span{
	margin:3px 0;
}




/*============================================================
Entry
============================================================*/

#entry_box{
	padding:10px;
	border-bottom: 1px solid #666666;
	word-wrap: break-word;
}
#entry_box img[src*="blog-imgs-"]{
	max-width:100%;
	height:auto;
}
#entry_box strong,
#tb_box strong{
	margin:10px 0;
	color:#336699;
}

.entry_date{
	text-align:right;
	margin:10px 0;
	font-size:85%;
}

.entry_category{
	font-size:85%;
	margin:10px 0 0;
}

.entry_category p{
	margin:5px 0;
}

#tb_box{
	padding:10px 10px;
	border-bottom: 1px solid #666666;
}

.button_box{
	padding:10px 10px;
	text-align:center;
	border-bottom: 1px solid #666666;
}



/*============================================================
Comment
============================================================*/

ul.comment {
	background: #fff;
	padding: 0;
	margin:0;
}

ul.comment li {
	border-bottom: 1px solid #666666;
	list-style-type: none;
	padding:10px;
}

ul.comment li strong{
	color:#336699;
	margin:3px 0;
}

ul.comment li p{
	font-size:90%;
	margin:5px 0;
}

ul.comment li div{
	text-align:right;
}

ul.comment li span{
	margin:3px 0;
	font-size:90%;
}







/*============================================================
Form
============================================================*/

ul.form {
	background: #fff;
	padding: 0;
	margin:10px;
}

.confirm_box {
	border-top: 1px solid #666666;
	margin:20px 0 0;
	padding:10px 0 0;
}

.form_message{
	padding:10px;
}

ul.form li{
	list-style-type: none;
	padding: 3px;
	border: 1px solid #666666;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:3px 0 10px;
}

ul.confirm li{
	padding:8px 3px;
}

ul.form li.title{
	color:#336699;
	list-style-type: none;
	padding:0;
	border:none;
	margin:10px 0 0;
	font-weight:bold;
}

ul.form li.none{
	list-style-type: none;
	padding:0;
	border:none;
	margin:3px 0 0;
}

ul.form li.none p{
	margin:5px 0;
}


/* when you have a first li item on any list 　　　　エントリーの角Ｒの上下*/

ul.form li:first-child {
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
}

ul.form li:last-child{
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

ul.form li:hover { background: #fff; }

ul li input[type="text"],
ul li input[type="email"],
ul li input[type="url"],
ul li input[type="password"],
ul li textarea,
ul li select {
	color: #777;
	background: #fff url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
	border: 0;
	font: normal 100% Helvetica;
	padding: 0;
	display: inline-block;
	margin-left: 0px;
	width: 100%;
	-webkit-appearance: textarea;
}

ul li textarea {
	height: 120px;
	padding: 0;
	text-indent: -2px;
}

ul li select {
	text-indent: 0px;
	background: transparent url(https://templates.blog.fc2.com/template/sphone/basic_blue/chevron.png) no-repeat 100% 3px;
	-webkit-appearance: textfield;
	margin:0 0 0 3px;
}



/*============================================================
Plugin
============================================================*/


#plugin_box{
	margin:10px;
	font-size:85%;
}

#plugin_box02{
	margin:0;
}

.plugin_profile{
	padding:10px 20px;
	border-bottom: 1px solid #666666;
}

.plugin_freearea{
	padding:10px;
}

/* profile --------------------------------------*/
dl.profile {
	background: #fff;
	padding: 0;
}

dl.profile dt {
	color:#336699;
	list-style-type: none;
}

dl.profile dd {
	list-style-type: none;
	margin:0 0 20px;
}


/*
new_entry
new_comment
new_tb
--------------------------------------*/
ul.plugin_list {
	color: black;
	background: #fff;
	padding: 0;
	margin:0;
}

ul.plugin_list li {
	border-bottom: 1px solid #666666;
	list-style-type: none;
}

ul.plugin_list li.arrow {
	background-image: url(https://templates.blog.fc2.com/template/sphone/basic_blue/chevron.png);
	background-position: right 40%;
	background-repeat: no-repeat;
}

ul.plugin_list li a{
	color:#333;
	text-decoration: none;
	overflow: hidden;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin:10px 30px 10px 10px;
}

ul.plugin_list li strong{
	color:#336699;
	margin:3px 0;
	font-weight:normal;
	font-size:85%;
}

ul.plugin_list li span{
	margin:3px 0;
	font-size:75%;
}


/*
link
category
monthly
--------------------------------------*/
ul.plugin_list li.arrow02 {
	background-image: url(https://templates.blog.fc2.com/template/sphone/basic_blue/chevron.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	padding:5px 0;
}




.blogroll-channel {
	border: solid 1px #999 !important;
	height: 200px !important;
	overflow-y: scroll;
}