/*

A Six Apart theme adapted for Movable Type default templates 
name: Cityscape SF  
designer: Tiffany Chow  
designer_url: http://tiffany.vox.com/ 
layouts: layout-wtt, layout-twt, layout-wt, layout-tw
*/


/* Default ---------------------------------------------------------------- */

/* Global */

body {
    font: normal 12px arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* Header */

/*#header {
    border-top-width: 10px;
    border-top-style: solid;
}*/

#header-inner {
    position: relative;
}

#header-name {
    margin: 0 0 5px;
    line-height: 1;
}

td{
	padding:5px;
}

#header-description {
    margin: 0;
    font-size: 14px;
    line-height: 1.125;
}

#header a {
    text-decoration: none;
}

#header a:hover {
    text-decoration: underline;
}


/* Content */

.asset-name {
    font-size: 22px;
    font-weight: bold;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: bold;
}

.asset-meta {
    /*border-top: 1px solid #dcebf1;*/
	float:right;
	margin-right:8px;
	font-size:14px;
	margin-top:0px;
}

.asset-footer {
    border-top: 1px solid #dcebf1;
}

.content-nav {
    margin: 5px 0 10px;
	clear:both;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
    font-size: 12px;
}

/* Footer */

#footer-content,
#footer-content a {
    color: #fff;
}


/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}


/* Global ----------------------------------------------------------------- */

body {
    color: #333;  
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*background: #293251 url(body.gif) repeat-y  top center; */
	background:#44a8d1
}

a {
    color: #517c8f; 
}

a:hover {
    text-decoration: none;
}


/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
    background-color: #fff;
}


#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}


/* Header ----------------------------------------------------------------- */

#header { 
    background: #77dbfe url(http://www.putiputi.com/img/header_bg.jpg) no-repeat left top; 
}

#header_hira { 
    background: #77dbfe url(http://www.putiputi.com/hirakon/img/header_bg.jpg) no-repeat left top; 
}

#header a {
    color: #083c54;
    font-weight: bold;
}

* html #header-content {  /*HACK targets IE6 but not 7, instead of min-height*/
    height: 120px;
}
#header-content {
    width: 1000px;
	height:120px;
   /* min-height: 72px; */
    margin:0px;
}

#header-name {
    color: #083c54;  
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 28px;
    font-weight: bold;
}

#header-description {
    color: #083c54;  
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold; 
}


/* Content ---------------------------------------------------------------- */

.asset-name,
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-title
.archive-header,
.search-form-header,
.search-results-header {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} 

.asset-name,
.asset-name a,
.archive-title {
    color: #f06304;
}

.asset-footer {
    border-top-color: #dcebf1;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #fc8432;
}

.comment,
.trackback {
    border-color: #dcebf1;
}



.archive-list-item {
    margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #content-inner { background: transparent url(content-wtt.gif) repeat-y scroll right top; }
/*.layout-twt #content-inner { background: transparent url(content-twt.gif) repeat-y scroll left top; }*/
.layout-wt #content-inner { background: transparent url(content-wt.gif) repeat-y scroll right top; }
.layout-tw #content-inner { background: transparent url(content-tw.gif) repeat-y scroll left top; }




.widget a,
.archive-widget .widget-list .item {
    color: #878e80;
} 

.widget-header {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold; 
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url(widget-header.gif) repeat top left #9dd4b4; 
}  
.widget .widget-header {
    border-left: 1px solid #fff;
}

.layout-tw .widget .widget-header {
    border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
    border: 0;
}

.embed-asset-widget .widget-header {
    margin-bottom: 10px;
}  
.widget-header,
.widget-header a {
    text-decoration: none;
    color: #fff;
}

.widget-header .edit a {
    border-left-color: #fff
} 
.widget .widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    padding: 0 15px;
}

.media-stream-widget img {
    border: 1px solid #999;
} 
.widget-header .edit a,
.archive-widget .widget-list .item a,
.archive-widget .widget-list .item {
    font-weight: normal;
} 

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 0;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align: center;
}


/* Footer ----------------------------------------------------------------- */

#footer { 
    background-color: #cdda00; 
	width:1000px;
	text-align:center;
	font-size:14px;
}

#footer-content {
    margin: 20px 0;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

#content-inner {
    padding: 10px 0;
}


#main-navigation{
	width:1000px;
	height:45px;
	position:relative;
	margin:0px;
	top:-10px;
}

#main-navigation_hira{
	width:1000px;
	height:30px;
	position:relative;
	margin:0px;
	top:-5px;
}

#main-navigation_hira{
	background:#FFF;
}

#main-navigation_hira ul{
    padding: 0 0 0 6px;
    list-style: none;
	margin:0px;
	clear:both;
}

#main-navigation ul{
	list-style:none;
}

#main-navigation ul li, 
#main-navigation_hira ul li{
    float: left;
	margin-left:3px;
}

#pan{
	clear:both;
	height:22px;
	width:990px;
	background:url(http://www.putiputi.com/img/pan_bg.gif) left top repeat-x;
	margin-bottom:0px;
	padding-top:8px;
	padding-left:10px;
	margin-top:0px;
}

#profile{
	background:url(../../../../img/menu_left_probg.png) left top no-repeat;
	width:200px;
	height:210px;
	margin-left:5px;
	padding-top:5px;
	font-size:14px;
}

#profile img{
	margin-left:5px;
}

#protext{
	margin-left:40px;
	margin-top:10px;
	line-height:150%;
	color:#666;
}





#banner{
	margin:10px 5px 0px 5px;
}

#banner img{
	margin-bottom:5px;
}

.side_menu{
	width:200px;
	margin-left:5px;
	font-size:14px;
}

.side_menuright{
	width:200px;
	margin-left:10px;
	font-size:14px;
}
.menu_text{
	margin:0px;
	padding:0px;
	border-left:1px solid #fb0811;
	border-right:1px solid #fb0811;
}

.menu_text ul{
	margin:0px;
	padding-left:8px;
	list-style:none;
	line-height:150%;
}

#sidemenu_text{
	margin-left:5px;
	font-size:14px;
}

#sidemenu_text ul{
	list-style:none;
	margin-left:5px;
	line-height:150%;
}

#unei{
	margin-left:15px;
	font-size:14px;
}

#unei h1{
	font-weight:bold;
	font-size:14px;
	color:#006da6;
	margin-bottom:5px;
}

#unei p{
	margin-left:8px;
}


#kotei_banner{
	margin-left: 10px;
	margin-top:10px;
}

#kotei_banner img{
	margin-bottom:10px;
}

#banner_a{
	margin-left:10px;
}

#banner_a img{
	margin-bottom:10px;
}

#diary{
}

#signbord img{
	margin-bottom:20px;
	margin-right:20px;
	float:left;
}

#kaigyo{
	clear:both;
	width:300px;
	height:0px;
}

#diary h2, 
#signbord h2{
	background:#dfeef3;
	height:24px;
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
	padding-left:10px;
	color:#008ec8;
}

#top_diary h2{
	font-size:16px;
	font-weight:bold;
	color:#008ec8;
	background:url(../../../../img/top_diarybg.gif) left top no-repeat;
	padding-top:12px;
	padding-left:13px;
	height:23px;
	margin:0px;
}

#honbun, 
.honbun{
	margin-left:15px;
	font-size:14px;
	line-height:150%;
	margin-bottom:40px;
	margin-right:10px;
}

.top_honbun{
	padding-left:15px;
	font-size:14px;
	line-height:150%;
	padding-bottom:10px;
	padding-top:10px;
	border-left:1px solid #0079ab;
	border-right:1px solid #0079ab;
	width:543px;
}

.top_honbun ul,
#honbun ul{
	margin-left:30px;
}


.next{
	background:url(../../../../img/top_diarybottom.gif) left top no-repeat;
	text-align:right;
	margin:0px;
	height:10px;
	padding-right:15px;
	padding-bottom:10px;
	font-size:14px;
}

.red{
	color:#C03;
}

#diary h1, 
#top_diary h1, 
#signbord h1, 
#kyokucho h1{
	background:url(../../../../img/h1_blue.gif) left top repeat-x;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
	height:24px;
	padding-left:10px;
}

#kyokucho ul{
	margin-left:25px;
	margin-right:20px;
}

#kyokucho li{
	margin-bottom:15px;
	font-size:14px;
}

#blog_nav{
	clear:both;
	border-top:1px dashed #ccc;
}

#blog_nav ul{
	list-style: none;
}

#blog_nav li{
	float:left;
	margin:5px;
}

/*hirakon*/
#hirakon_left{
	margin-left:4px;
}

#hirakon_left img{
	margin-bottom:20px;
}

#base{
	font-size:14px;
	line-height:150%;
	width:530px;
	margin-left:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #e9708b;
	margin-bottom:5px;
}

#putievent, 
#webpage, 
#inquiry{
	font-size:14px;
	line-height:150%;
	width:530px;
	margin-left:15px;
	padding-bottom:15px;
}

#putievent h1, 
#eventnews h1, 
 #inquiry h1, 
#sidelink h1{
	background:url(../../../../hirakon/img/h1_bg.gif) left top repeat-x;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	padding-left:10px;
	height:25px;
}

#base h1, 
#webpage h1{
	background:url(../../../../hirakon/img/h1_bg.png) left top no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#0098df;
	padding-top:20px;
	padding-left:20px;
	height:40px;
	letter-spacing:0.1em;
}

#base h2{
	border:2px solid #f4396a;
	color:#f4396a;
	padding-left:10px;
	padding-top:5px;
	height:25px;
	font-size:16px;
}
#base h2 a{
	color:#f4396a;
	text-decoration:none;
}

#base h2 a:hover{
	color:#f4396a;
	text-decoration:underline;
}

#topmidashi h2{
	background:#f8d9e0;
	color:#e9708b;
	padding-left:10px;
	padding-top:5px;
	height:25px;
	font-size:16px;
}

#base h3{
	color:#e9708b;
	font-size:16px;
	margin-left:15px;
}
#inquiry h2{
	background:#f8d9e0;
	color:#e9708b;
	padding-left:10px;
	padding-top:5px;
	height:25px;
	font-size:16px;
	width:520px;

}
#base p, 
#putievent p{
	margin-left:15px;
	margin-right:10px;
}

#topmidashi{
	font-size:14px;
	line-height:180%;
	width:510px;
	margin-left:15px;
	padding:10px;
	color:#666;
	border:2px solid #9ecde3;
}

#topmidashi p{
	margin:5px 15px;
	font-size:16px;
}

#webpage p{
	margin:5px 15px 30px 15px;
}

.day{
	margin-left:5px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:15px;
	border-left:8px solid #f86270;
	padding-left:8px;
	color:#cd1829;
}

.day img{
 
}

#base table, 
#inquiry table{
	margin-left:15px;
}

#base td{
	vertical-align:top;
}

#inquiry table{
	margin-bottom:20px;
}

#base td, 
#inquiry td{
	padding:5px;
}

#inquiry th{
	font-weight:normal;
}

#putievent ul{
	margin:0px;
	padding:0px;
}

#putievent li{
	color:#C69;
	font-size:16px;
	margin-left:30px;
	margin-bottom:8px;
}

.right{
	float:right;
	margin-bottom:5px;
}

#eventnews{
	margin-top:20px;
	width:205px;
	margin-left:5px;
}

#eventnews ul{
	list-style:none;
	margin-left:5px;
	padding:0px;
	margin-right:0px;
	font-size:12px;
	width:200px;
}

#sidelink ul{
	margin-left:25px;
	padding:0px;
	margin-right:0px;
	font-size:14px;
	width:200px;
}

#eventnews li, 
#sidelink li{
	margin-bottom:30px;
	clear:both;
}

.newright{
	float:right;
}

#webpage{
	margin-top:0px;
}

b{
	color:#C36;
}

#name table{
	width:500px;
	padding:8px;
	border:2px solid #ccc;
}

#name td{
	border-bottom:1px dotted #ccc;
	padding:5px 8px;
}

#name .bold{
	font-weight:bold;
	text-align:center;
}


.new_blog{
	background:url(http://www.putiputi.com/img/h1_blue.gif) left top repeat-x;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	text-align:center;
	margin:10px 3px;

}
.archivelist ul{
	list-style:none;
	margin:2px 0px 2px 15px;
}

.archivelist li{
	margin-bottom:3px;
}

.listday{
	font-size:12px;
	text-align:right;
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
}

#comments{
	margin-left:20px;
}

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

}

.byline{
	/*border:1px solid #000;*/
	width:520px;
	text-align:right;
	padding-bottom:15px;
}

.inner{
	/*border:1px solid red;*/
}

.comments-open-content{
	width:530px;
	margin-left:20px;
	margin-top:15px;
}

#sidelink{
	margin-top:20px;
	width:205px;
	margin-left:0px;
}

.form table{
	margin-left:15px;
	font-size:14px;

}

.form td{
	padding:5px;
	vertical-align:top;
}

#buy h1, 
.guide h1{
	background:url(../../../../img/h1_red.gif) left top repeat-x;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
	height:24px;
	padding-left:10px;
}

.buyphoto img{
	/*padding:5px;*/
}

.buyphoto{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:160px;
	text-align:center;
	font-size:12px;
	color:#ad0018;
	/*border:1px solid #000;*/
}

#buy h2, 
.guide h2{
	background:#f8d7dc;
	height:24px;
	font-size:16px;
	font-weight:bold;
	padding-top:6px;
	padding-left:10px;
	color:#ad0018;
}

.webname{
	clear:both;
	width:530px;
	text-align:right;
	margin-top:8px;
	padding-top:8px;
	border-top:1px dashed #ad0018;
}

.a{
	font-size:16px;
	font-weight:bold;
	color:#C36;
	margin-right:8px;
}

h4, 
#inquirt h4{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#C33;
}

#banner_a h1{
	border-top:1px dotted #e30a15;
	border-bottom:1px dotted #e30a15;
	padding:5px;
	font-size:14px;
	margin-right:5px;
	background:#ffe8e9;
}

.about_hirakon{
	margin:5px 10px;
}

.about_hirakon li{
	margin-left:15px;
	padding:0px;
	margin-bottom:10px;
}

.shop table{
	border:none;
}



.shop td{
	border-bottom:1px dashed #ccc;
}

.guide{
	margin:0px 0px 0px 8px;
}

.guide table{
	border-top:1px solid #009;
	border-left:1px solid #009;
	width:400px;
	margin:10px;
}

.guide td, 
.guide th{
	padding:8px 5px;
	border-bottom:1px solid #009;
	border-right:1px solid #009;
}

.guide th{
	font-weight:normal;
	width:50px;
	text-align:center;
	vertical-align:top;
	background:#069;
	color:#fff;
}

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

.guide ul, 
#buy ul{
	list-style:square;
	font-size:16px;
	color:#C30;
	font-weight:bold;
	margin-left:20px;
}

.guide ul a, 
#buy ul a{
	color:#C30;
}

.guide ul a:hover, 
#buy ul a:hover{
	color:#C30;
}

.re{
	font-size:14px;
	margin-left:10px;
	margin-right:15px;
}

.boldred{
	font-weight:bold;
	font-size:14px;
	color:#C30;
}

.circle table{
	margin-left:20px;
}

.circle th{
	font-weight:normal;
	font-size:14px;
	background:#6CF;
	color:#FFF;
	padding:5px;
	border-bottom:1px solid #fff;
}

.circle td{
	padding:5px 10px;
	border-bottom:1px solid #fff;
}

.circle p{
	margin-left:20px;
}

.waku{
	border:1px solid #ee4e61;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	
}



.text_p{
	margin:10px;
}

.img_right{
	text-align:right;
	margin-right:5px;
}

.waku h2{
	background:#ffe2e7;
	color:#db3f62;
	padding-left:10px;
	padding-top:5px;
	height:25px;
	font-size:16px;
}

.waku table{
	margin:3px 10px;
}

#base ul{
	margin:0px 0px 10px 0px;
	padding:0px;
}

#base li{
	margin-left:40px;
	margin-bottom:2px;
}

td{
	vertical-align:top;
}

/*detailshop*/
.detailshop{
	border:1px solid #ee4e61;
	padding:1px;
	margin-bottom:10px;
}


.detailphoto{
	vertical-align:top;
}

.detailname{
	background:#ffe2e7;
	color:#db3f62;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}

.detailadd{
	font-size:14px;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text_small{
	font-size:12px;
	color:#666;
	line-height:120%;
	margin-top:10px;
}

.banner{
	margin-left:10px;
}

.banner2{
	margin:10px 0px;
}