/* 
	Theme Name: Gangway
	Theme URL: http://www.wpthemejp.com/
	Description: Gangwayはブロググループのための素晴らしいテーマです。
	Author: Forty
	Author URI: http://www.fortymedia.com
	Version: 1.0
		
	更新履歴:
		v1.0 - 03.27.07
			Gangway 1.0 リリース
		v2.0 - 04.07.09
			WordPress 2.7+ に対応
*/

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

a:hover, a:active{
	color: #FF3300;
	text-decoration: underline;
}

#side-right .narrow a:link, a:visited{
	color: #333333;
	text-decoration: none;
}

#side-right .narrow a:hover, a:active{
	color: #0099FF;
	text-decoration: underline;
}


body{
	font: 82%/1.5 Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 975px;
	background-color: #666666;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(imgf1/body_bk1.jpg);
	border: 1px solid #666666;
}

div, dl, dt, dd, ul, ol, lo,
h1, h2, h3, h4, h5, h6,
form, blockquote{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

h2 {

}

html{
	text-align: center;
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
	border:0;
	vertical-align:top;
}

ol, ul{
	list-style: none;
}

p {
	margin: 10px 15px;
}

blockquote {
	margin: 15px;
	color: #333;
}
#wrap{
	width: 975px;
	overflow: auto;
	background-color: #FFFFFF;
}

#wrap2{
	margin: 0px;
	width: 420px;
	float: right;
	height:100%;
}

#wrap3{
	margin: 0px;
	width: 240px;
	float: right;
	height:100%;
	background-color: #CCCCCC;
}

#headImg{
	margin: 0px;
	padding: 0px;
	width: 975px;
	background-color: #000000;
	background-image: url(imgf1/headimg1.jpg);
	height: 240px;
}

#headImg2{
	width: 975px;
	background-color: #99FF99;
	height:auto;
	background-image: url(imgf1/info2bk.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

.headinfo1{
	padding: 5px;
	float: right;
	width: 420px;
	margin-right: 20px;
	border: 1px solid #FFFFFF;
	color: #000000;
	margin-top: 10px;
	filter: Alpha(Opacity=80);
		 -moz-opacity: .8;
	KhtmlOpacity: .8;
	opacity: .7;
	background-color: #FFFFFF;
}

.headinfo2{
	width: 95%;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

.headinfo1 h1,
.headinfo2 h1{
	font-size:18px;
	font-weight:bold;
}

.headinfo1 h2{
	font-size:20px;
	font-weight:bolder;
	color: #FF0000;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 22px;
}

.headinfo2 h2{
	font-size:16px;
	font-weight:bold;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}


.headinfo1 h3,
.headinfo2 h3{
	font-size:12px;
	font-weight:bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

.headinfo1 p,
.headinfo2 p{
	font-size:10px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}



#mainarea{
	float: left;
	width: 553px;
	background-color: #FFFFFF;
}

#mainarea .inner1 #basic{
 padding:5px;
 }

#mainarea .inner1 #basic h2{ font-size: 14px; font-weight: bold; color: #333333; background-color: #FF9900; padding: 5px;}

#mainarea .inner1 #basic p{ font-size: 10px; font-weight: normal; color: #666666; padding: 3px; line-height: 14px; }


#mess1a h2{
	width:230px;
	float: left;
	height: 70px;
	font-size: 28px;
	font-weight: bold;
	color: #009900;
	margin-right: 10px;
	margin-bottom: 5px;
	line-height: 32px;
	padding-bottom: 3px;
	padding-top: 25px;
	padding-right: 5px;
	padding-left: 25px;
	background-image: url(imgf1/mess1a_bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
 }
 
#mess1b h3{
	width:240px;
	height: 50px;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
	padding-bottom: 3px;
	padding-top: 37px;
	padding-right: 5px;
	padding-left: 5px;
	}

#mainarea .inner1 #basic,
#mainarea .inner1 #basic2,
#mainarea .inner1 #basic3{
 padding:5px;
 }
 
 #mainarea .inner1 #basic a,
#mainarea .inner1 #basic2 a,
#mainarea .inner1 #basic3 a{
color:#333333;
 }

#mainarea .inner1 #basic h2{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(imgf1/mainLabel.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	padding-top: 42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mainarea .inner1 #basic2 h2{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(imgf1/mainLabel2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	padding-top: 42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mainarea .inner1 #basic3 h2{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(imgf1/mainLabel3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	padding-top: 42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mainarea .inner1 #basic p,
#mainarea .inner1 #basic2 p,
#mainarea .inner1 #basic3 p{ font-size: 10px; font-weight: normal; color: #666666; padding: 3px; line-height: 14px; }
#mainarea .inner1 #basic3 ul{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 14px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

#mainarea .inner1 #basic .more,
#mainarea .inner1 #basic2 .more,
#mainarea .inner1 #basic3 .more{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding: 5px;
	line-height: 14px;
	background-color: #FFCC00;
	float: right;
	width: auto;
	margin: 5px;
}

#side-left{
	width:180px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color:#333333;
	background-image: url(imgf1/side_left_bk1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: auto;
	height:100%;
}

#side-left .narrow{


}

#side-left .narrow p{
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	margin-top:3px;
	margin-bottom:2px;
}

.banner{
padding-top:2px;
padding-bottom:2px;
width:160;
margin:3px;
}

#side-right{
	width:240px;
	float: right;
}

#side-right .narrow{
	background-color:#CCCCCC;
	padding: 5px;
}

#side-right .narrow p{
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	margin-top:3px;
	margin-bottom:2px;
}

#side-right .narrow p.title1{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC33;
	color: #EEEEEE;
	height: 30px;
	width: 201px;
	background-image: url(imgf1/sideRlabel1.jpg);
	padding-top: 22px;
	padding-left: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right .narrow p.title2{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC33;
	color: #EEEEEE;
	height: 30px;
	width: 201px;
	background-image: url(imgf1/sideRlabel2.jpg);
	padding-top: 22px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right .narrow p.title3{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC33;
	color: #EEEEEE;
	height: 30px;
	width: 201px;
	background-image: url(imgf1/sideRlabel3.jpg);
	padding-top: 22px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right .narrow p.title4{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC33;
	color: #EEEEEE;
	height: 30px;
	width: 201px;
	background-image: url(imgf1/sideRlabel4.jpg);
	padding-top: 22px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right .narrow p.title5{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFCC33;
	color: #EEEEEE;
	height: 30px;
	width: 207px;
	background-image: url(imgf1/sideRlabel5.jpg);
	padding-top: 22px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right .narrow p.blank{
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color: #EEEEEE;
	height: 300px;
	width: 207px;
	padding-top: 22px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#side-right ul.linkage{
	font-size:10px;
	line-height: 15px;
	width: 220px;
	margin-left: 5px;
}

#side-right img{
	clear:both;
	}

/*
.addbar{
	border-bottom: 2px solid #333333;
	border-top: 2px solid #333333;
	clear: both;
	float: left;
	padding: 10px 0;
	width: 100%;
}

.addbar .narrow{
	float: right;
	width: 180px;
}

.addbar .wide{
	float: left;
	width: 578px;
	background-color: #FFFFFF;
}

.addbar img{
	display: block;
}

*/


.contentarea{
	float: left;
	width: 553px;
}

.contentarea2{
	float: left;
	width: 733px;
}


.contentarea .narrow{
	color: #CCCCCC;
	float: left;
	width: 180px;
	background-color: #000000;
}

.contentarea .narrow h3{
	font-size: 110%;
	font-weight: bold;
	padding: 5px 15px 0 15px;
}

.contentarea .narrow p.addspace{
	padding: 0 0 10px 0;
}

.contentarea .narrow p.addspace img{
	display: block;
}

.contentarea .narrow p.title{
	border-top: 1px solid #999999;
	font-size: 85%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 5px;
	font-style: normal;
	font-weight: bold;
	background-color: #333333;
	background-image: url(img/cornernarrow.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.contentarea .narrow ul.fresh{
	padding: 5px 0 10px 0;
}

.contentarea .narrow ul.fresh li{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.25em;
	padding: 0 15px 10px 15px;
}

.contentarea .narrow ul.linkage li,
.contentarea .wide ul.linkage li{
	color: #333333;
	line-height: 1.25em;
	padding: 0 15px;
	list-style: none;
	font-size: 10px;
}
.contentarea .narrow ul.linkage ul,
.contentarea .wide ul.linkage ul {
	padding: 0;
	margin: 0;
}

.contentarea .narrow ul.linkage,
.contentarea .wide ul.linkage{
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
}

.contentarea .wide{
	float: left;
	width: 735px;
	background-color: #FFFFFF;
}

.contentarea2 .wide{
	float: left;
	width: 735px;
	background-color: #FFFFFF;
}

.contentarea .wide ul,
.contentarea .narrow ul{
	padding: 0 0 10px 20px;
	margin: 0 0 0 20px;
	list-style: disc;
}

.contentarea .wide ol,
.contentarea .narrow ol{
	list-style: decimal;
	padding: 0 0 10px 20px;
	margin: 0 0 0 20px;
}

.contentarea .wide .navlinks{
	padding: 10px 0 20px 0;
}

.contentarea .wide .navlinks a{
	margin: 0 0 0 15px;
}

.contentarea .wide h2{
	background: url(img/cornerwide.gif) #DDDDDD no-repeat top;
	font-size: 150%;
	font-weight: bold;
	padding: 10px 15px;
}

.contentarea .wide h2 a{
	color:#333333;
}


.contentarea .wide p.postimage{
	background: url(img/cornerwide.gif) #DDDDDD no-repeat bottom;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.contentarea .wide p.postimage img{
	display: block;
}

.contentarea .wide p.postinfo{
	background: url(img/cornerwide.gif) #DDDDDD no-repeat bottom;
	color: #666666;
	font-size: 85%;
	margin: 0 0 10px 0;
	padding: 0 15px 15px 15px;
}

.contentarea .wide p.posttools{
	font-size: 85%;
	margin: 0 15px 30px;
}

.contentarea .wide p.title{
	background: url(img/cornerwide.gif) #333333 no-repeat bottom;
	color: #FFFFFF;
	font-size: 85%;
	margin: 0 0 10px 0;
	padding: 5px 15px;
}

#branding{
	float: left;
	width: 100%;
	background-color: #000000;
}

#branding h1{
	font-size: 250%;
	font-weight: bold;
	padding: 10px 15px;
}

#branding h1 a{
	color: #333333;
}

#branding ul{
	float: right;
	font-size: 250%;
	padding: 10px 15px;
}

#branding ul li{
	display: inline;
	text-transform: lowercase;
	padding-left: 10px;
}

#branding ul li#about,
#branding ul li#advertise,
#branding ul li#contact{
	margin: 0 0 0 15px;
}

#footer{
	border-top: 1px solid #333333;
	clear: both;
	color: #333333;
	padding: 10px 0 20px 0;
	background-color: #009999;
}

#footer p{
	font-size: 85%;
	padding: 0 15px 5px 15px;
}



#tools{
	float: left;
	width: 100%;
	background-color: #000000;
	background-image: url(img/cornertools.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#tools form{
	float: right;
	padding: 5px 0;
	width: 230px;
}

#tools h1{
	font-size:12px;
	color:#DDDDDD;
	padding: 3px;
	font-weight: bold;
}


#tools form input.submitbutton{
	font-size: 85%;
	margin: 0 0 0 5px;
}

#tools form input.textfield{
	font-size: 85%;
	width: 125px;
}

#tools p{
	background: url(img/rss.gif) no-repeat left;
	font-weight: bold;
	margin: 0 230px 0 7px;
	padding: 5px 5px 5px 20px;
	text-transform: uppercase;
}

#tools p a:link, #tools p a:visited, #tools p a:hover, #tools p a:active{
	color: #FFFFFF;
}

#comment {
	width: 97%;
}

.contentarea .wide .commentlist .children {
	padding: 0;
}
.contentarea .wide .commentlist {
	margin: 0 0 0 40px;
	padding: 0;
}
.commentlist li {
	margin-bottom: 30px;
}
.commentlist li li {
	list-style: none;
}
.commentlist li p.commenter {
	overflow: hidden;
	background: #eee;
	border-top: 1px solid #999;
	padding: 10px;
	font-size: 85%;
}
.commentlist li p {
	margin: 15px 0;
}
.commentlist li .avatar {
	float: left;
	padding-right: 10px;
}
.commentlist li p.reply a {
	padding: 5px;
	background: #eee;
}

#comments .navlinks { overflow: hidden; }
#comments .navlinks .previous { float: left; }
#comments .navlinks .next { float: right; }

/* Image Styles */
	.post div.wp-caption { margin: 10px; border: none; background: #f0f0f0; overflow: hidden; }
		.post .wp-caption img { display: block; margin: 5px auto; }	
		.post .wp-caption-text { margin: 5px; font-size: 0.8em; line-height: 1.3em; }
	.post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	.post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	.post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	.post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	.post div.alignleft { text-align: left; float: left; margin-left: 0; }
	.post div.alignright { text-align: right; float: right; margin-right: 0; }
	.post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	.post .gallery { margin: 16px auto; }
		.post .gallery img { border: none; margin-bottom: 5px; }
		.post .gallery .gallery-item, .post .gallery .gallery-icon { clear: none; margin: 0; }
		.post .gallery .gallery-icon {  }
		.post .gallery .gallery-caption { text-align: left; font-size: 0.8em; line-height: 1.3em; margin: 0 15px 10px; }
		
/* 追加　*/
.inner1 {
margin-left:10px;
}
.inner1 .txt1{
	font-size:10px;
	color: #666666;
	line-height: 14px;
}

/* 追加ここまで */