@charset "utf-8";
/* 20090828 */

/*--------------------------------------------
基本スタイル
--------------------------------------------*/
body {
margin: 0px auto;
padding:0px;
text-align: center;
/*background-repeat: repeat-x;*/
font-size:12px;
line-height:18px;
font-family:"MS PGothic","Osaka",Arial,sans-serif;
/*background-image: url(http://trattoria-giro.jp/blog/img/bg.jpg);*/
}

html {
overflow-y:scroll;
}
img {
border: none;
margin:0px;
padding:0px;
vertical-align:top;
}
form,input,textarea {
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
padding:0px;
margin:0px;
font-weight: normal;
font-size:12px;
line-height:18px;
}

p {
margin:0px;
padding:0px;
}

ul {
margin:0px;
padding:0px;
list-style:none;
}

/*--------------------------------------------
リンクスタイル
--------------------------------------------*/
a:link {
color: #000099;
text-decoration: none;
}
a:visited {
color: #000099;
text-decoration: none;
}
a:hover {
color: #FF3300;
}
a:active {
color: #000099;
}


/*--------------------------------------------
clear
--------------------------------------------*/

.clear {
clear:both;
margin:0px;
padding:0px;
}

.clear hr
{ display:none; }  

/*--------------------------------------------
全体
--------------------------------------------*/
#wrap{
margin: 0px auto;
width:900px;
padding:0px;
background-color:#FFFFFF;
}

.pagetop{
width:100%;
margin:8px auto;
text-align:right;
}

.pagetop_short{
float:left;
width:610px;
margin:8px 0;
text-align:right;
}

.txtindext{
text-indent: -99999px;
}

#header a{
float:left;
width: 230px;
height:120px;
display:block;
}

/*--------------------------------------------
magin
--------------------------------------------*/

.mt5{
margin-top:5px;
}


.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}


.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.ml8{
margin-left:8px;
}

.ml10{
margin-left:10px;
}

.ml20{
margin-left:20px;
}

.ml30{
margin-left:30px;
}

.mr10{
margin-right:10px;
}

.mr20{
margin-right:20px;
}

.mr30{
margin-right:30px;
}

/*--------------------------------------------
ヘッダー
--------------------------------------------*/


/*---#header{
width:900px;
height:142px;
background-image:url(http://trattoria-giro.jp/blog/img/title.jpg);
background-repeat: no-repeat;
text-align:left;
}----*/


.head_copy01{
float:left;
font-size:12px;
color:#FFFFFF;
width:350px;
margin:120px 0 0 50px;
}



/*--------------------------------------------
コンテンツエリア
--------------------------------------------*/

.contents_area{
float:left;
width:650px;
min-height:600px;
padding:20px 0 10px 0;
background-color: #FFFFFF;
display:inline;
}

.right_area{
float:left;
width:234px;
min-height:600px;
margin:0 0 0 5px;
padding:0 0 10px 0;
background-color: #FFFFFF;
display:inline;
}

/*--------------------------------------------
記事エリア
--------------------------------------------*/

.kiji_area{
width:80%;
margin:10px auto 0 auto;
padding:10px;
border: 3px solid #CC3300;
text-align:left;
}

.kiji_area p{
padding:5px 0;
}

.kiji_area .kiji_title01{
width:90%;
font-size:16px;
color:#990000;
margin:0px auto 0 auto;
padding:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;
}

.kiji_area .kiji_body01{
width:90%;
margin:10px auto 0 auto;
padding:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;
}

.kiji_area .kiji_days{
width:90%;
margin:3px auto 0 auto;
text-align:right;

}

.kiji_area ul{
list-style-position: outside;
list-style-type: disc;
padding:0 0 0 15px;
}

.kiji_area li{
padding:0 0 0 0px;
}

/*--------------------------------------------
右エリア
--------------------------------------------*/

.con_title{
background-image:url(http://trattoria-giro.jp/blog/img/kiji_title_bg.gif);
width:208px;
height:24px;
margin: 15px auto 7px auto;
padding-top: 3px;
font-size:12px;
color:#FFFFFF;
background-repeat: no-repeat;
}


.right_area ul{
width:190px;
margin:0 auto;
}

.right_area li{
padding: 0 0 0 18px;
text-align:left;
background-image:url(http://trattoria-giro.jp/blog/img/kiji_icon.gif);
background-repeat: no-repeat;
background-position: 3px 4px;
}


/*--------------------------------------------
カテゴリ
--------------------------------------------*/

.category_title{
width:85%;
padding:8px;
margin:0 auto;
/*--border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;---*/
font-size:14px;
color:#990000;
}

.category_nextlink{
width:82%;
padding:8px;
margin:0 auto;
font-size:12px;
}

.category_nextlinktxt01{
float:left;
width:40%;
text-align:left;
}

.category_nextlink .nexticon01{
float:left;
width:20px;
text-align:left;
margin:0 3px 0 0;
display:inline;
}


.category_nextlinktxt02{
float:right;
width:40%;
text-align:right;
}

.category_nextlink .nexticon02{
float:right;
width:20px;
text-align:left;
margin:0 0 0 3px;
display:inline;
}

/*--------------------------------------------
コピーライト
--------------------------------------------*/

#footer{
margin:0 auto;
width:100%;
text-align:center;
background-color:#FF3300;
padding:5px 0;
font-size:12px;
color:#FFFFFF;

}

/*--------------------------------------------
フィード
--------------------------------------------*/

.feed_area{
width:200px;
padding:3px;
margin:8px auto;
border: 1px solid #FF6600;
text-align:left;

}

.feed_area img{
margin:0 10px;
vertical-align:middle;
}

/*--------------------------------------------
コメント
--------------------------------------------*/

div#comments {
width:95%;
text-align:left;
padding:5px 0;
margin:10px auto;
}

div#comments h3{
font-size:14px;
font-weight:bold;
padding:3px;
margin:8px 0 8px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #00CC00;
}

div#comments-content{
padding:0px 10px;
}

div.comments-content{
padding:0px 10px;
}

div#comment-greeting{
font-size:10px;
margin:3px 0;
}

div.comments-open{
margin:20px 0;
}

div.comments-open-content{
width:95%;
margin:3px auto;
}

div#comments-open-data div,
div#comment-form-name,
div#comment-form-email,
div#comment-form-url,
div#comment-form-remember-me,
div#comment-form-reply,
div#comments-open-text,
div#comments-open-captcha{
margin: 10px 0 0 0;
}

textarea{
width:450px;
height:150px;
}

div.compost{
font-size:12px;
border-bottom: dashed 1px #CCCCCC;
}

p.cominfo {
text-align:right;
}

div#comments a{
color: #005890;
}
.contents_area div#comments{
width:520px;
margin:0 auto;
}

#error_comments{
width:520px;
margin:0 auto;
border: 1px solid #999999;
}

#error_comments h3{
font-size:14px;
font-weight:bold;
padding:3px;
margin:8px 0 8px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #990000;
}

.comment-header{
width:95%;
margin:5px auto;
padding:3px 10px;
border-top-width: 1px;
border-top-style: dashed ;
border-top-color: #CCCCCC;
}

.comments-header{
width:95%;
padding:3px 10px;
}

.comment-content{
width:520px;
padding:5px;
}

.inner{
border-bottom-width: 1px;
border-bottom-style: dashed ;
border-bottom-color: #CCCCCC;
}

/*--------------------------------------------
プロフィール
--------------------------------------------*/

.pro_text{
width:200px;
text-align:left;
margin:5px auto 10px auto;
font-size:12px;
}

.pro_text span{
font-size:16px;
magin:5px 0;
color: #CC0000;
}


/*--------------------------------------------
ツイッター
--------------------------------------------*/

.twi_area{
margin: 0 auto;
width:208px;
}

.twi_btn01{
width:95%;
margin:15px auto 5px auto;
text-align:right;
}