@charset"UTF-8";

/*-----------------------------------------
RESET
-----------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{ 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
}
a img{
text-decoration:none;
border:none;
}
ul,ol,li,dl,dt,dd{
list-style:none;
}

/*-----------------------------------------
OPT common
-----------------------------------------*/
p{
margin-bottom:1em;
}

b,strong{
font-weight:bold;
}

.alt{
display:none;
}

div.clear,
br.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}

hr{
display:none;
}

.pkg{
display:block;
min-height:0;
}

.pkg:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
line-height:0;
height:0.1px;
font-size:0.1em;
}
*html .pkg {display:inline-block;}
/*no ie mac¥*/
*html . pkg {height:1%;}
. pkg{display:block;}
/**/

.center{
text-align:center;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.red{
color:#cc0000;
}

body{
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "MS P ゴシック","MS P Gothic",sans-serif;
line-height:1.5;
}

/* opera 9 */
;;body{
font-family:"メイリオ", Meiryo, "MS P ゴシック",sans-serif;
}

/* for WinIE6 */
* html body {
font-family:"ＭＳ Ｐゴシック","Osaka",arial,helvetica,sans-serif;
vertical-align:baseline;
}

/* for WinIE7 */
*:first-child+html body {
font-family:"ＭＳ Ｐゴシック","Osaka",arial,helvetica,sans-serif;
}

table{
font-size:inherit;
font:100%;
}

pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%;
}



/*-----------------------------------------
OPT font

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

-----------------------------------------*/

/*-----------------------------------------
COMMON
-----------------------------------------*/

html{
}

body{
margin:0;
padding:0;
color:#000;
text-align:center;
word-break:break-all;
line-height:1.5;
}

a,
a:link,
a:visited,
a:active {
color:#0090d1;
text-decoration:underline;
}
a:hover {
color:#dd1215;
text-decoration:underline;
}


/* LAYOUT
---------------------------------------------*/

#container{
width:800px;
margin:0 auto;
padding:left;
}

#container-inr{
margin:0;
padding:0;
}

#hdr{
text-align:left;
height:240px;
overflow:hidden;
}

.description{
width:250px;
margin:-170px 0 40px 550px;
}

#left{
float:left;
width:525px;
margin:-70px 0 0;
padding:0;
}

#left-inr{
margin:0;
padding:0 25px 0 0;
_padding:0 20px 0 0;
text-align:left;
border-right:5px solid #eee;
overflow:hidden;
}

#right{
float:right;
width:250px;
}

#right-inr{
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}


/* MISC
---------------------------------------------*/


.title{
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-size:138.5%;
color:#ff3a3a;
font-weight:normal;
}
.title a,
.title a:link,
.title a:visited,
.title a:active{
color:#ff3a3a !important;
text-decoration:none !important;
}
.title a:hover{
color:#ff3a3a !important;
text-decoration:none !important;
border-bottom:1px dotted #b22222;
}

.blogbody {
font-size:108%;
background:#FFF;
border-bottom:5px solid #eee;
padding:50px 0 70px;
}
.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active {color:#0090d1; text-decoration: underline;}
.blogbody a:hover{color:#dd1215; text-decoration:underline;}

.category{
font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-size:93%;
color:#bc8f8f;
text-align:right;
padding:0 0 10px;
}
.category a,
.category a:link,
.category a:visited,
.category a:active {color:#0090d1; text-decoration: underline;}
.category a:hover{color:#ff1493; text-decoration: underline;}

h2.date{
font-family: verdana ,arial ,sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,"Osaka","ＭＳ Ｐ ゴシック";
font-size:108%;
line-height:100%;
color: #ccc;
padding-top:70px;
font-weight:bold;
}		

.posted	{
font-size:80%;
color: #666;
margin-top:20px;	
}


.sidetitle{
color:#ff3a3a;
font-size:93%;
line-height:140%;
margin:40px 0 0px;
padding:0px 0px 0px 10px;
border-bottom:5px solid #eee;
text-transform:uppercase;
letter-spacing:2px;
}

div.side,
ul.side-list{
margin:0;
padding:10px 10px 30px 20px;
list-style:none;
}


ul.side-list li {
color:#2f4f4f;
font-size:93%;
font-weight:normal;
line-height:1.2;
margin:0 0 5px;
padding:0;
display:block;
}

div.side a,
div.side a:link,
div.side a:visited,
div.side a:active,
div.side li A,
div.side li A:link,
div.side li A:visited,
div.side li A:active,
ul.side-list li A,
ul.side-list li A:link,
ul.side-list li A:visited,
ul.side-list li A:active{color:#0090d1; text-decoration: underline;} 
div.side a:hover,
ul.side-list li A:hover{color:#dd1215; text-decoration: underline;}


.itunes{
margin-bottom:5px;
text-indent: -1em;
}

.syndicate {
font-size:93%;
line-height:140%;
padding:2px;
margin-top:10px;
}

.powered {
font-family:verdana ,arial ,sans-serif;
color:#CCC;
font-size:93%;
font-weight:bold;
line-height:140%;
padding:2px;
margin:10px 10px 0px 30px;
}

.tb-com{
border:1px solid #eee;
padding:15px;

font-size:108%;
color:#333;
line-height:140%;
background:#fff;
margin-bottom:15px;
}

.tb-com ul{
marging:0;
padding:0;
list-style:none;
}

.tb-com ul li{
font-size:108%;
margin-bottom:10px;
padding-left:10px;
list-style:none;
background:url(../images/arrow_pink.gif) no-repeat 0px 0.5em;
color:#666;
}

.tb-com ul li a,
.tb-com ul li a:link,
.tb-com ul li a:active,
.tb-com ul li a:visited{
color:#333;
text-decoration:none;
}
.tb-com ul li a:hover{
color:#ff1493;
text-decoration:underline;
}


.post{
border-top:1px solid #eee;
padding-top:20px;
margin-top:20px;
}

.comments-head	{

font-size:108%;
color: #999; 
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}

form {
margin:0px;
}

select {
width:100%;

}

input,textarea {
font-size:108%;
}

blockquote {
color: #333333;
background:#fffaf0;
margin:5px 15px 5px 15px;
font-size:93%;
line-height:140%;
padding: 10px; 
border: 1px dotted  #eee; 
}

.link-note {
font-size:93%;
line-height: 150%;
padding: 2px;
margin-bottom: 15px;
}

textarea[id="comment-text"] {
width: 80%;
}

.commenter-profile img {
vertical-align: middle;
border-width: 0;
}

/*カテゴリページ*/

.page{

color:#2f4f4f;
margin-top:30px;
padding-bottom:20px;
}

.page a,
.page a:link,
.page a:visited,
.page a:active{
color:#2f4f4f;
margin-top:30px;
text-decoration:underline;
}
.page a:hover{
color:#5f9ea0;
margin-top:30px;
text-decoration:underline;
}

.page h3{
display:inline;
}

/*MOBLOG*/

.photo {
background-color: #fff;
border:1px solid #eee;
padding: 3px 3px 3px 3px;
}



.photobody {
margin: 0px 15px 0px 0px;
width:164px;
}

.photo img{
width:156px;
height:208px;
}

.photodate {
color:#2f4f4f;
padding: 0px 10px 0px 0px;
font-size:93%;
font-weight:normal;
}

/*ad*/

.ad-indu{
margin-top:15px;
margin-top:15px;
}


.amazlet-box{
padding-bottom:15px;
}


dl.video{
margin:0 0 30px 0;
}

dl.video dt{
margin:0 0 10px 0;
display:block;
text-align:left;
}

dl.video dd{
display:block;
text-align:left;
}

div.amazlet-box{
margin:0 0 30px 0;
}


/*twitter*/

ul#twitter_update_list li{
display:block;
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}