@charset "UTF-8";

/*
-----------------------------------------------------
livedoor Blog CSS
 Design Name : standard_white_2cf
 LastUpdate  : 2009.02.18
 Release     : 2006.09.14
-----------------------------------------------------
*/


/**********************************
/           CSS Menu
**********************************
	1.Global
	2.Common
	3.Article
	4.side
	5.Other
*********************************/


/**********************************
***          Global             ***
**********************************/
*{
	word-break:break-all;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
body{
	margin:0;
	padding:0 0 0px;

	text-align:center;
	color:#26262d;
        background-color:#F7F7F7
}
a{
	color:#228B22; text-decoration:none;
}
a:hover{
	background-color:#90EE90; color:#26262d; text-decoration:background;
}

a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}

#top_banner{
width:970px;
height:120px;
background-image:url(http://otyayuku.com/blog/top_banner.png);
background-repeat:repeat-x;
}
#top_banner_left{
float:left;
margin-left: 5px;
margin-top:15px;
}
#top_banner_right{
float:right;
margin-right:5px;
margin-top:10px;
}

.blog_end{
background-color:#F7F7F7
}

.headline_box{
border:1px solid #808080;
background-color:#F7F7F7;
width:760px;
height:310px;
margin:0px 1px 6px 1px;
text-align:center;
overflow:hidden;
}
iframe.headline_1{
border:0px;
border-bottom:1px dashed #808080;
width:760px;
height:170px;
}
iframe.headline_2{
border:0px;
width:760px;
height:140px;
}

.news_box{
border:1px solid #808080;
background-color:#F7F7F7;
width:750px;
height:145px;
margin:0px 1px 6px 1px;
text-align:center;
overflow:hidden;
}

iframe.news{
border:0px;
width:750px;
height:145px;
}

.ranking{
font-size:12px;
_width:170px;
}

.tyuumokukiji{
font-size:15px;
line-height:20px;
}

.popular_article{
font-size:15px;
line-height:20px;
}


.hatena_box{
border:1px solid #808080;
background-color:#F7F7F7;
width:760px;
height:30px;
padding:10px 0px 10px 0px;
text-align:center;
overflow:hidden;
}

h1
,h2
,h3{
	margin:0;
	padding:0;
}

table#header{
	font-size:12px;
	width:100%;
	color:#444;
}
table#header th{
	width:1%;
}
table#header th img{
	margin:2px 10px;
}
table#header td.catprbox{
	width:1%;
	white-space:nowrap;
}
table#header td.catprbox span{
	margin-right:15px;
}
table#header td.newstickerbox{
	width:97%;
	text-align:right;
	padding-right:10px;
}
table#header td.startblogbox{
	width:1%;
	padding-right:10px;
	white-space:nowrap;
}
table#header td.startblogbox img{
	width:17px;
	height:16px;
	border:0px;
	vertical-align:middle;
	margin-right:3px;
}
table#header a{
	color:#444;
}

#stage{
margin:0 auto;
width:1000px;
background:url("http://otyayuku.com/blog/haikeinokage.gif") repeat-y;
}
#container{
	width:970px;
	margin:0 auto;
	text-align:center;
}

#banner{
	background:#F7F7F7;
	border:solid #9599aa;
	border-width:0px 0px 0;
	margin:0 auto;
	text-align:left;
	clear:both;
}
#banner a{
	text-decoration:none;
}
#banner a:hover{
	text-decoration:underline;
}
.blogtitle{
	padding:45px 30px 5px;
	font-size:20px;
}
.description{
	padding:0 30px;
	line-height:135%;
	font-size:12px;
}
#blogcontainer{
	background:#F7F7F7;
	border:solid #9599aa;
	border-width:0 0px 0px;
	margin:0 auto;
	padding:10px 0px 100px;
	height:1%;
}
#content{
	float:right;
	width:770px;
	text-align:left;
}
#contentin{
	width:760px;
}
#sidecolumn{
float:left;
width:180px;
margin:0px 0px 0px 10px;
_width:170px;
}
#sidecolumntop{}
#sidecolumnbody{}
#sidecolumnbottom{}

#categorytitlebody{}
#categorytitle{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#footer {
	padding: 5px 0;
	background:url(http://livedoor.blogimg.jp/teapon/imgs/2/4/24487ea2.png);
	border: 1px solid #808080; /* 枠線の色はここを変更 */
	color: #FFFFFF; 
	font-size: 75%;
	line-height: 1.5;
	text-align: center;
}
/**********************************
***          Common             ***
**********************************/
.datetop{}
.fullbody{}
.datebody{}
h2.date{
	font-size:12px;
	font-weight:normal;
}
.blogbodytop{}
.blogbody{
	margin:5px 0 10px;
	text-align:left;
border-top:   #000000 0px solid;                /* 個別枠(上) */
border-right: #808080 1px solid;                /* 個別枠(右) */
border-bottom:#808080 1px solid;                /* 個別枠(下) */
border-left:  #808080 1px solid;                /* 個別枠(左) */



}
.titlebody{
border-top:   #808080 1px solid;                /* 個別枠(上) */
border-bottom:#808080 1px solid;                /* 個別枠(下) */




}
h3.title{
	background:url(http://livedoor.blogimg.jp/teapon/imgs/2/4/24487ea2.png);
	padding:5px 10px;
	line-height:137%;
	font-size:20px;
        color:#FFFFFF;
	font-weight:bold;
}
h3.title a{
	text-decoration: none;
	color:#ffffff;
}
h3.title a:hover{
	text-decoration: none;
	color:#333333;
}
.main ,
.mainmore{
	margin:10px 20px 0px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
font-size:15px;
line-height:20px;
}
blockquote ,
pre{
	background:#f9f9fa;
border:#8FBC8F 1px dashed;
	margin:10px 0;
	padding:16px;
	text-align:left;
	color:#6c717a;
}



.pict{
	margin:0 5px 5px 0;
}

a.continues
,.posted a
,.menu a
,.nextpage
,.commentttl a
,.trackbackttl a{color:#228B22; text-decoration:none;}

a.continues:hover
,.posted a:hover
,.menu a:hover
,nextpage a:hover
,.commentttl a:hover
,.trackbackttl a:hover{
background-color:#90EE90; color:#26262d; text-decoration:background;}










div.related-articles{
	margin: 25px 10px 0;
}
div.related-articles h3{
	margin: 0 0 10px;
	padding: 0;
	font-size:14px;
}
div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
div.related-articles ul li{
	background: url(http://livedoor.blogimg.jp/otyayuku/imgs/e/1/e1e816fd.gif) no-repeat 0 50%;
	padding: 0 0 2px 18px;
	margin-left: 5px;
	font-size:15px;
}

.portal-links{
	font-size:12px;
	text-align:left;
	margin:5px 5px 12px;
}

.portal-links a{}
.portal-links a:hover{}


.posted{
font-size:12px;
text-align:right;
margin:5px;
}
.blogbodybottom{}
.dateend{}



.nextpage{
	text-align:right;
	margin:5px;
	font-size:15px;
}

/**********************************
***          Article            ***
**********************************/
.menu{
	font-size:12px;
	text-align:center;
	margin:5px 0px 5px 0;
}

#articletop{}
#articlebody{}

.comblogbodybottom{}
.subspace{
	margin:5px;
}

/*//   Trackback & Comment   //*/
.trackbackurltop{}
.trackbackurlbody{
	margin:0 auto 20px;
}
h3.trackbackurlttl
,h3.commenthead
,h3.trackbackhead
,h3.takecommenthead{
	font-size:14px;
}
.trackbackurl{
	margin:15px 0 0;
	text-align:left;
	font-size:12px;
}
.trackbackurl table{
	width:480px;
	margin:0 auto;
}
.trackbackurl table td{
	text-align:right;
}
.trackbackurl table td input.trackbackbox{
	width:400px;
}
.trackbackurlbottom{}

#commenttop
,#trackbacktop{}
#comment
,#trackback{
	margin:0 auto 20px;
}
#commentbody
,#trackbackbody{
	font-size:12px;
	margin:15px 10px 0;
}
.commentttl
,.trackbackttl{}
.commenttext
,.trackbacktext{
	margin:5px auto 10px;
	padding-left:15px;
	line-height:16px;
}
#commentbottom
,#trackbackbottom{}

/*//   Commnet Form   //*/
#formbodytop{}
#takecomment{}
#takecommentbody{}
.loginon,.loginoff{
	margin:5px 10px;
	font-size:12px;
}
.loginon a
,.loginoff a{}
.loginon a:hover
,.loginoff a:hover{}

#error{
	border:2px solid #f00;
	margin:10px 30px;
	padding:10px 15px;
	line-height:125%;
	font-size:12px;
	font-weight:bold;
	color:#f00;
}
#error span{
	font-weight:normal;
}

#formbody{
	margin-top:20px;
}
#formbody table.form{
	margin-left:0;
	margin-right:auto;
	font-size:12px;
}
#formbody table.form th{
	width:280px;
	font-weight:normal;
	padding:2px 10px 2px;
	text-align:right;
	white-space:nowrap;
}
#formbody table.form td{
	width:370px;
	padding:2px;
	vertical-align:middle;
}
#formbody table.form td span{
	margin-right:10px;
}
	input#author{width:125px;margin-bottom:5px;margin-left:28px;border:1px solid #000;}
	input#email{width:210px;border:1px solid #000;}
	input#url{width:210px;border:1px solid #000;}
	input#bake{}
	textarea#text{width:500px;margin-left:28px;height:200px;border:1px solid #000;}
	input.button{margin-top:10px;margin-left:28px;height:40px;width:200px;}


#formbodybottom{}
#articlebottom{}
#blogcommentbottom{}
#contentcommentbottom{}


#formbody2{
text-algin:center;
padding:0 0 10px 15px;
}

input.button2{height:25px;width:200px;}
/**********************************
***          Side               ***
**********************************/
/*//   CmnSide   //*/


.sidetitle{
	background:url(http://livedoor.blogimg.jp/teapon/imgs/2/4/24487ea2.png) repeat-x;
	padding:5px 0px ;
	line-height:100%;
	text-align:center;
	font-size:15px;
        color:#FFFFFF;
	font-weight:bold;
	border:1px solid #808080;
}
.sidetitle a{}
.sidetop{}
.side{
	margin-bottom:0px;
	padding:10px 10px 0;
	text-align:left;
	line-height:135%;
	font-size:12px;

border-top:   #000000 0px solid;                /* 個別枠(上) */
border-right: #808080 1px solid;                /* 個別枠(右) */
border-bottom:#000000 0px solid;                /* 個別枠(下) */
border-left:  #808080 1px solid;                /* 個別枠(左) */







}
.side a:link    {color:#228B22; text-decoration:none;}      /* 通常 */
.side a:active  {color:#228B22; text-decoration:none;}      /*実行中*/
.side a:visited {color:#228B22; text-decoration:none;}      /*訪問済*/
.side a:hover   {background-color:#90EE90; color:#26262d; text-decoration:background;} /*マウス*/



.sidebody{
	background:url(http://parts.blog.livedoor.jp/img/usr/standard_white_2c/icon_dot.gif) no-repeat 0 8px;
	line-height:18px;
	padding-left:8px;
	margin-bottom:0px;
	text-align:left;
}
.sidebottom{}

/*//   Calendar   //*/
.calendarheadbody{}
.calendarhead{
	background:url(http://parts.blog.livedoor.jp/img/usr/standard_white_2c/side_bg.gif) repeat-x;
	padding:10px 15px 0;
	line-height:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
.calendarhead a{
	text-decoration:none;
}
.caltop{}
.calbody{
	padding:10px 0;
	text-align:center;
}
.caltbl{
	width:175px;
	margin:0 auto;
}
.calendartable{}
.caltblwkbg{}
.calendarwd{}
.caltblwk{}
.caltblwk td{
	width:25px;
	padding:3px 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
.calendarweek{}
.weekday{}
.sun{}
.sat{}
.caltbldaybg{}
.caltblday{
	margin:0 auto 15px;
}
.caltblday td{
	width:25px;
	height:18px;
	padding:3px 0;
	text-align:center;
	font-size:12px;
}
.calendard{}
.calendardbg{}
.calendar{
	color:#99999c;
}
.calon{}
.caloff{}
.even{}
.odd{}
.calbottom{}

/**********************************
***          Other              ***
**********************************/
input.sf{
	width:122px;
	margin-right:3px;
}
.moblogbody
,.linkme
,.skypeme{
	text-align:center;
}
.afbody{
	text-align:center;
	padding-bottom:10px;
}
.afbody img{
	margin-bottom:3px;
}
.photo{
	text-align:center;
}
.nickname{
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
}
.message{
	text-align:left;
	font-size:12px;
	margin-bottom:10px;
	line-height:125%;
}
.blogtimes{
	margin:10px auto;
	text-align:center;
	width:180px;
}
.newslist{
	padding-right:5px;
}

/*//   Sidebanner   //*/
.elsehead{}
.elsebody{
	text-align:center;
}
.reader{
	padding-bottom:10px;
	width:117px;
	font-size:11px;
	text-align:left;
	margin:0 auto;
}
.powered,
.rss{
	padding-bottom:10px;
}
.elsebottom{}

/*//   Ad   //*/
#ad{
	margin:25px 0 0;
	text-align:center;
}
#ad iframe{
	width:420px;
	margin:0 auto;
}
body.ad{
	background:transparent;
}
a.adtitle{
	color:#0000fe;
	font-weight:bold;
	text-decoration:underline;
}
a.addescription{
	color:#000;
	text-decoration:none;
}
a.adurl{
	color:#008000;
	text-decoration:none;
}
a.adld{
	color:#999;
}

