@charset "utf-8";
/*
Theme Name: じゅんろう応援団 ver.3.0
Theme URI: http://www.junro.net/
Description: じゅんろう応援団サイトテーマです
Version: 3.0
Author: MEDIAMUSE,INC
Author URI: http://www.mediamuse.ne.jp/
Tags: simple
------------------------------------------------
Index
・yui3-reset-font.css
・YUI CSS変更点
・全体
・ヘッダー
・トップナビゲーション
・メインコンテンツ
・フッター
------
・その他共通
・トップページ用スタイル設定
・じゅうろうってどんな人設定
・問い合わせフォーム
・category.php用スタイル
------------------------------------------------
*/

@import url("yui3-reset-font.css");


/* = YUI CSS変更点
----------------------------------------------------*/
html {
  background-color: transparent;
  background-image: none;
  height:100%;
  margin:0;
  padding:0;
}
h1,h2,h3,p{margin:0;}
table{
	margin:0;
}
th,td{
	border:0 solid #000;
	padding:0;
	vertical-align: top;
	font-weight:normal;
	text-align:left;
}
th {
	padding:0;
	white-space:nowrap;
}
dl,dd {
	margin: 0;
	padding: 0;
}
dl dd{margin-left:0;}
ul {
	margin: 0;
	padding: 0;
}

ol li {
list-style:decimal;
margin-bottom:1em;
margin-left:1em;
}
----------------------------------------------------*/


html {
	background-color: #fff100;
}
body{
color:#000;
background-color: #fff100;
}
/*リンクの指定*/
a{color:#002EA8;text-decoration:underline;font-weight:bold;}
a:hover{color:#8AA3E3; text-decoration:underline;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
strong {
	font-weight:bold;
}


/*************
全体
*************/
#bg_sky{
background: transparent url(images/body_bg.jpg) repeat-x 50% 0;
}

#wrapper{
margin: 0 auto;
padding: 20px 0 0 0;
width:950px;
min-height:400px;
height: auto !important;
height: 400px;
}

h2.pagetitle{
background:url(images/pagettl.jpg) 0 0 no-repeat;
height:64px;
font-size:182%;
margin: 0 20px;
padding-top:15px;
padding-left:75px;
}


/*************
/* ヘッダー
*************/
#header{
background: url(images/header_bg.jpg) no-repeat 0 0;
width:950px;
height:64px;
margin: 0 auto;
padding:0;
position:relative;
}

#header h1 {
position:absolute;
top:16px;
left:0;
width:219px;
height:44px;
}
#header h2 {
}

/*アイキャッチ画像レイアウト用*/
#eyecatch_img {
	width:941px;
	margin:0 auto;
}


/*************
/* トップナビゲーション
*************/
div#topnav{
margin: 0 auto;
height:55px;
background: url(images/topnav_bg2.jpg) repeat-x 0 0;
}
div#topnav ul {
margin: 0 auto;
width: 950px;
height:55px;
}
div#topnav ul#toppage {	/*トップページにだけに指定する背景！！*/
background: url(images/topnav_bg1.jpg) no-repeat 0 0;
}
div#topnav li{float:left;list-style:none; padding-top:0;}
div#topnav a{
text-indent:-9999px;
display: block;
height: 53px;
}
div#topnav li.topnav_01 a {
	background: url(images/topnav_01.jpg) no-repeat 0 0;
	width:85px;
}
div#topnav li.topnav_01 a:hover,
div#topnav li.topnav_01.current-menu-item a {
	background: url(images/topnav_01on.jpg);
}
div#topnav li.topnav_02 a {
	background: url(images/topnav_02.jpg) no-repeat 0 0;
	width:127px;
}
div#topnav li.topnav_02 a:hover,
div#topnav li.topnav_02.current-menu-item a {
	background: url(images/topnav_02on.jpg);
}
div#topnav li.topnav_03 a {
	background: url(images/topnav_03.jpg) no-repeat 0 0;
	width:102px;
}
div#topnav li.topnav_03 a:hover,
div#topnav li.topnav_03.current-menu-item a {
	background: url(images/topnav_03on.jpg);
}
div#topnav li.topnav_04 a {
	background: url(images/topnav_04.jpg) no-repeat 0 0;
	width:190px;
}
div#topnav li.topnav_04 a:hover,
div#topnav li.topnav_04.current-menu-item a {
	background: url(images/topnav_04on.jpg);
}
div#topnav li.topnav_05 a {
	background: url(images/topnav_05.jpg) no-repeat 0 0;
	width:99px;
}
div#topnav li.topnav_05 a:hover,
div#topnav li.topnav_05.current-menu-item a {
	background: url(images/topnav_05on.jpg);
}
div#topnav li.topnav_06 a {
	background: url(images/topnav_06.jpg) no-repeat 0 0;
	width:115px;
}
div#topnav li.topnav_06 a:hover,
div#topnav li.topnav_06.current-menu-item a {
	background: url(images/topnav_06on.jpg);
}

#main {
	margin-bottom:40px;
}


/*************
/* 見出し
*************/
h3.ttl {
background-color:#ffb400;
padding:5px 15px;
margin:1em;
border-radius:30px;
font-size:120%;
}



/*************
メインコンテンツ
*************/
/*
#main {
width: auto;
padding: 0;
display: inline;
}
#main h2.pttl{
width:820px;
margin: 0 auto -60px auto;
}
#main h3.ttl {
font-size: 123.1%;
padding: 0 0 0 22px;
margin: 30px 95px .3em 95px;
line-height: 1em;
letter-spacing: 0.2em;
color: #000;
font-weight:bold;
background:url(images/h3ttl_bg.gif) repeat-y 0 0;
}
#main .contents {
	width:740px;
	margin: 0 auto;
}
#main h4 {
font-size: 108%;
font-weight:bold;
color:#000;
}
*/

/*************
/* フッター
*************/
#footer {
	margin:0 auto;
	padding:0;
}
#footer #contact {
	width:810px;
	margin:0 auto 2em auto;
	padding:0;
	border-width:0;
	background-color:transparent;
}
#footer #contact p {
	width:611px;
	float:right;
	padding:.8em 0;
	border:#eb6100 solid 2px;
	border-width:2px 0;
	line-height:1.5;
	font-size:108%;
}

/*-- #copyright --*/
#copyright {
	margin:0 auto;
	padding:0;
	color:#000;
	text-align:center;
	font-size:123.1%;
	line-height:35px;
	font-weight:bold;
}


/*************
/* その他共通
*************/

/*---- フロートクリア ----*/
/*for modern browser*/
div:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*for IE5-mac,IE7*/
div,
.clearfix {
	display: inline-block;
}
/*◆IE8ハック------------------------------*/
html>/**/body .clearfix { display /*\**/: block\9 }
/*-----------------------------------------*/

/* Hides from IE5-mac \*/
* html div, 
* html .clearfix { height: 1%;}
div,
.clearfix { display: block;}
/* Hides from IE5-mac */


/*---- リンクの点線を消す　20090902 ----*/
a {
  overflow:hidden;
  outline:none;
}

/*---- マウスオーバーでメニューボタン画像を隠す ----*/
.menu a:hover { border: none; } /* IE6対策 */
.menu a:hover img { visibility: hidden; }


img.aligncenter {
display:block;
margin:0 auto;
}


/*個別ページ用スタイル
-----------------------------------------------*/
/*************
 「トップページ用」
*************/

/* #header_toppage
------------------*/
#header_toppage{
background: url(images/top_mainimg_bg.jpg) repeat-x 50% 0;
margin: 0 auto;
padding:0;
}
/* #mainimg
------------------*/
#mainimg{
	position:relative;
	width:1100px;
	height:450px;
	background:url(images/top_mainimg.jpg) no-repeat 0 0;
	margin:0 auto;
}
#rss {
	position:absolute;
	top:18px;
	left:871px;
	width:154px;
	height:47px;
}

/* #gnavi
------------------*/
#gnavi {
	width:217px;
	height:115px;
	position: absolute;
	top:81px;
	left:860px;
}
#gnavi a {
	display:block;
}
#gnavi ul {
	margin:0;
	padding:0;
	position:relative;
}
#gnavi li {
	position: absolute;
	list-style:none;
}
#gnavi li.btn1,
#gnavi li.btn1 a {
	width:217px;
	height:115px;
	background:url(images/btn_cloud01_on.jpg) no-repeat 0 0;
}
#gnavi li.btn1 {
	top:0;
	left:0;
}


/*左カラム (maincolumn)
-------------------------------------------*/
#maincolumn {
	width:636px;
	float:left;
	text-align:center;
}


/*ごあいさつ
------------------*/
#greeting {
	width:576px;
	margin-bottom:2em;
	font-size:115%;
	line-height:1.7em;
	padding:15px 30px;
	background:url(images/greetingbg.png) 0 0 no-repeat;
	background-size:100% 100%;
}

#greeting h2 {
color:#58bb28;
font-size:140%;
line-height:3em;
}

#greeting p {
font-weight:bold;
}




/*ニュース
------------------*/
#news {
	width:636px;
	background:url(images/news_bg2.jpg) repeat-y 0 0;
	min-height:340px;
	height: auto !important;
	height: 340px;
}
#news div.newsbox {
	background: url(images/news_bg1.jpg) no-repeat 0 0;
	padding: 8px 10px;; 
}
#news #activityreport,
#news #localinfo {
	width:541px;
	margin:0 auto 20px auto;
}

#news h3 {
	margin-bottom:12px;
}
#news li {
	padding:3px 10px;
	margin-bottom:7px;
	text-align:left;
}
#news #activityreport li {
	background: url(images/news_list_activityreport.jpg) no-repeat 0 100%;
}
#news #localinfo li {
	background: url(images/news_list_localinfo.jpg) no-repeat 0 100%;
}

/*右カラム
------------------*/
#sidecolum {
	width:300px;
	background:url(images/sidecolum_bg.gif) repeat-y 0 0;
	float:right;
	padding: 20px 0;
}
#sidecolum .bnr {
	width:250px;
	margin:0 auto 10px auto;
	font-size:85%;
	text-align:center;
}



/*************
 「プロフィール」
*************/
h2#about {
	width:810px;
	margin: 0 auto 20px auto;
}

div.box {
	background: url(images/box_bg.jpg) repeat-y 0 0;
	width:694px;
	margin:0 auto;
}
div.box div {
	background: url(images/box_bg_bottom.jpg) no-repeat 0 100%;
}
div.box div div {
	background-image:none;
}

div.box1 ul {
	margin:10px 20px 0 20px;
}
div.box1 li {
	list-style:none;
	font-size:108%;
	padding-left:20px;
	margin-bottom:.3em;
	background: url(images/listmark01.gif) no-repeat 0 .1em;
	line-height:1.1;
}

div.box2 h4 {
	margin:10px 20px 0 20px;
}
div.box2 p {
	margin:10px 20px 20px 20px;
	font-size:108%;
	line-height:1.5;
}
div#railway {
}

div.box3 p {
	margin:10px 20px;
}
div.box3 div div {
	margin:10px 20px;
}
div.box3 .col1 {
	float:left;
	margin:0;
	width:67%;	
}
div.box3 .col2 {
	float:right;
	margin:0;
}
div.box3 ul {
	margin:10px 20px 0 20px;
}
div.box3 li {
	list-style:none;
	font-size:100%;
	padding-left:20px;
	margin-right:1.5em;
	background: url(images/listmark02.gif) no-repeat 0 0;
	line-height:1.5;
	display:inline;
}
div.box3 table {
	line-height:1.5;
	margin-left:1em;
	margin-bottom:1em;
}
div.box3 th {
	padding-right:1em;
	padding-bottom:1em;
	white-space:nowrap;
	font-size:93%;
	font-weight:bold;
}
div.box3 td {
	font-size:93%;
}
div.box3 h4 {
	margin:20px 20px 0 20px;
	color:#23ab38;
	font-size:123.1%;	
}

div.box3 dl {
	margin:7px 20px 0 20px;
	font-size:77%;
}
div.box3 dt {
	display:block;
	color:#23ab38;
	font-weight:bold;
}
div.box3 dd {
	display:inline;
}
/*---- ページトップへのリンク ----*/
div.pagetop {
	width:694px;
	margin:5px auto 20px auto;
	text-align:right;
}


/*---- ギャラリーの余白変更 ----*/
div.box3 dl {
    margin: 7px 0px 0 0px;
}




/*************
問い合わせフォーム
*************/
#contactform {
	margin:30px;
	text-align:left;
	border:#fabf00 solid 5px;
	background-color:#ffe200;
	padding:20px;
	font-size:100%;
}

#contactform .box {
	background-color:#f4f4f4;
	border:#748fa8 solid 1px
}
#contactform table.contact {
	margin:0 auto;
	font-size:100%;
}
#contactform table.contact th {
	padding:.5em 1em .5em 0;
	text-align:right;
	font-weight:bold;
}
#contactform table.contact td {
	padding:.5em 0;
}
.need {
	color:#0066FF;
	font-weight:bold;
}
.contact {
	margin:0 30px;
}
/*************
応援団員募集中
*************/
#supporter {
	margin:0 20px;
}
#supporter h3 {
	border-left:#6cbc5b solid 10px;
	padding-left:5px;
	margin:0 30px .5em 30px;
}
#supporter p {
	margin:0 30px;
}
#supporter ol {
	margin:5px 30px;
	padding:20px;
	background-color:#fff997;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
#supporter ol li {
	list-style:decimal;
	margin-left:30px;
}


/*************
じゅんろうの取り組み
*************/
ol.torikumilist {
margin:1em auto 1em;
font-size:150%;
font-weight:bold;
}
ol.torikumilist li {
background-color:#FFFF55;
}


/*************
category.php用スタイル
*************/
.date_list {	/*一覧ページ用日付表示*/
font-weight:normal;
float:right;
font-size:85%;
letter-spacing:0;
}
a.list_title {
display:block;
float:left;
}
#next {
	padding:10px 0 40px 0;
}
.nextpost {
float:left;
}
.nextpost a {
	margin:0 20px 15px 20px;
	padding:7px 15px;
	background-color:#e8dc10;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.prevpost {
float:right;
}
.prevpost a {
	margin:0 20px 15px 20px;
	padding:7px 15px;
	background-color:#e8dc10;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

#main h3.title {
	margin:0 20px 15px 20px;
	padding:7px 15px;
	background-color:#fff65b;
	border:#b2a800 solid 1px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	box-shadow: 1px 2px 3px #bab000;　 /* CSS3草案 */  
	-moz-box-shadow: 1px 2px 3px #bab000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 2px 3px #bab000;　/* Safari,Google Chrome用 */ 
}

/*************
single.php用スタイル
*************/
.single h2 {
	margin:0 20px 5px 20px;
	padding:7px 15px;
	background-color:#fff65b;
	border:#b2a800 solid 1px;
}
.single #date {
	margin:0 20px 5px 20px;
	text-align:right;
}
.single #content {
	margin:0 20px 15px 20px;
	padding:15px 15px;
	background-color:#FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}