/*
Theme Name: Shionoya
Description: 塩谷　立オフィシャルサイト用テーマ

Author: Shionoya Design Team
Version: 1.0.2
*/


/*------------------------------------------------------refresh */
body,h1,h2,h3,h4,h5,div,dl,dd,dt,table,td,th,tr,ul,ol,li,p{
margin:0;
padding:0;
font-size:100%;
line-height:1;
text-decoration:none;
list-style:none;
}
div:after,dl:after,dd:after{
content:'.';
font-size:1px;
float:none;
clear:both;
visibility:hidden;
display: block;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
strong{font-weight:bold;}
img {border:0;}

#blog #stage #entries .entry table{
    border-style:solid;
    border-color:#CDE7FF;
    border-collapse:collapse;
    background:#F1FDFF;
    }

#blog #stage #entries .entry table td{
    padding:10px;
    }

/*------------------------------------------------------laout */
body{
background:#fff;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
text-align:center;
}

.inner, #pagetitle h1,#stage .pnav{
width:880px;
margin:0 auto;
text-align:left;
overflow:hidden;
}

/*------------------------------------------------------inline_parts */

#stage p,#stage dd,#stage td{text-align:justify;text-justify:inter-ideograph;}
a{color:#3377DC;}



/*------------------------------------------------------header */
#header {height:149px;background:url(images/bg.gif) repeat-x;}
#siteid {width:680px;height:79px;float:left;}
#siteid img {margin:19px 0 0 1px;}
#gocontact {width:200px;height:79px;float:right;}
#gocontact img {margin:28px 0 0 1px;}

/* menu-item-59 -> メッセージ message */
/* menu-item-58 -> プロフィール profile */
/* menu-item-57 -> 基本理念・政策 rinenseisaku */
/* menu-item-56 -> 事務所所在地 location */
/* menu-item-60 -> 活動日誌Blog blog */
#nav {
    background:url(images/nav_li.gif) no-repeat 878px 9px;
    width:882px;height:43px;
    float:none;clear:both;
    }
#nav li{
    float:left;
    width:176px;height:43px;
    }
#nav .message, #nav .blog{width:175px;}
#nav li a{
    background:url(images/nav.gif) no-repeat 0 0;
    width:176px;height:43px;
    display:block;text-indent:-9999px;
    }
#nav .message a, #nav .blog a{width:175px;}
#nav .message a{background-position: 0 0;}
#nav .profile a{background-position:-175px 0;}
#nav .rinenseisaku a{background-position:-351px 0;}
#nav .location a{background-position:-527px 0;}
#nav .blog a{background-position:-703px 0;}

#message #nav .message a,#nav .message a:hover{background-position: 0 -43px;}
#profile #nav .profile a,#nav .profile a:hover{background-position:-175px -43px;}
#rinenseisaku #nav .rinenseisaku a,#nav .rinenseisaku a:hover{background-position:-351px -43px;}
#location #nav .location a,#nav .location a:hover{background-position:-527px -43px;}
#blog #nav .blog a,#nav .blog a:hover{background-position:-703px -43px;}


#breadcrumbs {font-size:69%;color:#333;margin-top:10px;margin-bottom:6px;height:11px;}
#breadcrumbs a{color:#3377DC;text-decoration:none;}

/*------------------------------------------------------footer */
#footer {
border-top:solid 2px #3377DC;
margin-top:60px;
padding:20px 0 30px;
}
#footer p{
font-size:63%;
line-height:1.6;
color:#666;
margin-top:5px;
}
#footer .cright{
border-bottom:solid 1px #ddd;
}

/*------------------------------------------------------stage */
#stage .inner {background:url(images/main_bg.gif) repeat-y top left;margin-top:24px;}
#stage #pagetitle {background:url(images/page_ti.gif) repeat-x top left;height:76px;overflow:hidden;}
#stage #pagetitle h1 {margin-top:21px;}
#stage .pnav{ padding-top:20px;}
#stage .pnav p {text-align:right;}
/* 左側のナビゲーション */
#localnav {width:189px;float:left;}
#localnav li{overflow:hidden;}
#bns {width:187px;margin-left:1px;padding:3px 0 12px 0;}
#bns li {margin-top:9px;text-align:center;}
#bns li img {display:block;margin:0 auto;}
#blog #bns {margin-top:20px;}
#localnav .lnav {
    clear:both;
    }
#localnav .lnav p{
    width:189px;height:46px;
    margin:0;
    overflow:hidden;
}
#localnav .lnav li a {
    background:url(images/lnav_mark1.gif) no-repeat 11px 15px;
    font-size:75%;
    text-decoration:none;
    color:#3377DC;
    width:187px;padding:15px 0;
    display:block;
    text-indent:30px;
    }
#localnav .lnav li {
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    background:#fff;
    float:left;
    width:187px;
    }
#localnav .lnav ul.archive {
    margin:10px 0 10px 17px;
    clear:both;
    float:none;
    }
#localnav .lnav .archive li {
    border:none;
    float:none;
    clear:both;
    }
#localnav .lnav .archive a {
    background:url(images/lnav_mark2.gif) no-repeat left center;
    padding:6px 0;
    width:169px;
    text-indent:14px;
    float:none;
    clear:both;
    }

/* 右側の記事 */
#stage .inner .main {width:665px;float:right;}
#stage .main p,#stage .main li,#stage .main td ,#stage .main th ,#stage .main dd ,#stage .main dt {font-size:75%; overflow:hidden;}

#stage .main li p,#stage .main li li,#stage .main li td,#stage .main li th,
#stage .main td p,#stage .main td li,#stage .main td dd,#stage .main td td,#stage .main td th,
#stage .main th p,#stage .main th li,#stage .main th dd,#stage .main th td,#stage .main th th,
#stage .main dd p,#stage .main dd li,#stage .main dd dd,#stage .main dd td,#stage .main dd th,
#stage .main dt p,#stage .main dt li,#stage .main dt dd,#stage .main dt td,#stage .main dt th
{font-size:100%;}
#stage .main p,#stage .main li,#stage .main td,#stage .main th,#stage .main dt,#stage .main dd{line-height:1.66;}
#stage .main p {margin:13px 0;}
#stage .main hr {border:0;background:#ccc;height:1px;margin-bottom:48px;}
#profile .doc{margin:30px 2px;}
#stage .main h2 {
    background:url(images/main_ti-base.gif) no-repeat left top;
    font-weight:bold;
    font-size:113%;font-weight:normal;color:#333;
    }
#message #stage .main h2,
#profile #stage .main h2,
#location #stage .main h2,
#blog #stage .main h2{
    width:664px;height:48px;overflow:hidden;
    }
#stage .main h2 span{
    padding-left:34px;
    line-height:2.9;
    }
#stage p.shomei{text-align:right;margin-top:30px;}
/*　記事の日付とカテゴリ情報　*/
.meta {float:none;clear:both;overflow:hidden;}
.meta li {float:left;line-height:1.4;}
.meta li.tag{margin-left:10px;}
.divhead,.divbttm{margin:0;padding:0;border:0;}
/*------------------------------------------------------home */
#home {background:url(images/home_bg.gif) repeat-x 0 149px;}
#home #stage {background:url(images/mainimg.jpg) no-repeat top center;}
#home #stage #pagetitle {background:none; height:290px;}
#home #stage #pagetitle h1 {margin-top:0;}
#home #stage #pagetitle h1 img {margin-top:0;margin-left:-210px;}
#home #stage .inner {margin-top:0;}
#home #stage .main {width:682px;}
#home #stage .main .entries {
    width:678px;
    margin-left:1px;
    border-right:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding-top:3px;
    background:#fff;
    }
#home #stage .main .entries .entry{
    margin:0 20px;
    padding:14px 0;
    }
#home #stage .main .entries .entry .meta li{
    color:#555;
    }
#home #stage .main .entries .entry p{
    margin:0;
}
#home #stage .main .entries .entry div{
    background:url(images/top_listmark.gif) no-repeat 0 4px ;
    padding-left:19px;
    }
#home .main h2 img{
    display:block;
}
#home .main hr {
    background:url(images/top_entries_line.gif) repeat-x #fff;
    margin:0 20px;
    }
/*------------------------------------------------------profile */
#message .main h2{background:url(images/main_ti-message.gif) no-repeat left top;text-indent:-9999px;}
#message #stage .main p{line-height:1.7;}
/*------------------------------------------------------profile */
#profile .main h2{background:url(images/main_ti-profile.gif) no-repeat left top;text-indent:-9999px;}
#profile .main .doc{background:url(images/top_entries_line.gif) repeat-x bottom;margin-bottom:0;}
#profile .main .bio {width:400px;float:left;}
#profile .main .bio dl {
    background:url(images/top_entries_line.gif) repeat-x bottom;
    padding:11px 0;
}
#profile .main .bio dl.btm{background:none;}
#profile .main .bio table{border:0;}
#profile .main .bio dt {float:left;width:90px;text-indent:-9999px;}
#profile .main .bio dd {margin-top:4px;}
#profile .main .bio dd th {padding-right:10px;font-weight:normal;text-align:right;}

#profile .main .bio .pro_name{ background:url(images/dot_blue.gif) repeat-x bottom;
    padding-bottom:1px;
    margin:0;}
#profile .main .bio .pro_name dt {background:url(images/pro_name.gif) no-repeat top left;}
#profile .main .bio .pro_name dd {text-indent:-9999px;background:url(images/pro_name.gif) no-repeat -90px 0;margin-top:0;}

#profile .main .bio .pro_bday dt {background:url(images/pro_bday.gif) no-repeat top left;}
#profile .main .bio .pro_age dt {background:url(images/pro_age.gif) no-repeat top left;}
#profile .main .bio .pro_fami dt {background:url(images/pro_fami.gif) no-repeat top left;}
#profile .main .bio .pro_history dt {background:url(images/pro_history.gif) no-repeat top left;}


#profile .main h3{ margin-top:36px; height:22px;text-indent:-9999px;}
#profile .main h3.pro_gensyoku {background:url(images/pro_gensyoku.gif) no-repeat top left;}
#profile .main h3.pro_yakusyoku {background:url(images/pro_yakusyoku.gif) no-repeat top left;}


#profile .main .shoku {background:none;margin-top:6px;}
#profile .main .shoku .doc{
    border-top:solid 1px #ccc;
    clear:both;
    margin:0 2px;
    padding:13px 0;
    background:none;
    }
#profile .main div.pro_yakusyoku{border-bottom:solid 1px #ccc;}
#profile .main .shoku p {
    background:url(images/list_sq_blue.gif) no-repeat 0 6px;
    padding-left:13px;margin:0;
    font-weight:bold;
    width:240px;float:left;
    }
#profile .main .shoku ul {
    width:370px;
    float:left;
    }
/*------------------------------------------------------rinenseisaku */
#rinenseisaku #stage .main h2 {background:none;}
#rinenseisaku #stage .main .doc {margin-bottom:40px;}
#rinenseisaku #stage .main .doc .photo {float:left; width:240px;margin:0;}
#rinenseisaku #stage .main .doc .photo img {width:238px;}
#rinenseisaku #stage .main .doc div {float:right; width:400px;}
#rinenseisaku #stage .main .doc .sign {text-align:right;margin:0;}

/*　課題リスト 枠　*/
#rinenseisaku div.kadailist {
    width:660px;
    background:url(images/kadai_list_bg.gif) repeat-y top left;
    margin:0;
    overflow:hidden;
}
#rinenseisaku #stage .main hr.kadailist {
    width:660px;height:10px;
    margin:0;
    }
#rinenseisaku hr.kadailist.divhead { background:url(images/kadai_list_head.gif) repeat-y top left;}
#rinenseisaku hr.kadailist.divbttm { background:url(images/kadai_list_bttm.gif) repeat-y top left;}

/*　課題リスト　*/
#rinenseisaku div.kadailist div { width:608px;margin:15px 27px;overflow:hidden; }
#rinenseisaku div.kadailist div h3 img {margin:20px 0 0 74px;}
#rinenseisaku div.kadailist div h3 {width:607px; height:66px;}
#rinenseisaku div.kadai01 h3{background:url(images/kadaibg01.gif) no-repeat top left;}
#rinenseisaku div.kadai02 h3{background:url(images/kadaibg02.gif) no-repeat top left;}
#rinenseisaku div.kadai03 h3{background:url(images/kadaibg03.gif) no-repeat top left;}
#rinenseisaku div.kadai04 h3{background:url(images/kadaibg04.gif) no-repeat top left;}
#rinenseisaku div.kadai05 h3{background:url(images/kadaibg05.gif) no-repeat top left;}
#rinenseisaku div.kadai06 h3{background:url(images/kadaibg06.gif) no-repeat top left;}
#rinenseisaku div.kadai07 h3{background:url(images/kadaibg07.gif) no-repeat top left;}
#rinenseisaku div.kadai08 h3{background:url(images/kadaibg08.gif) no-repeat top left;}
#rinenseisaku div.kadai09 h3{background:url(images/kadaibg09.gif) no-repeat top left;}
#rinenseisaku div.kadai10 h3{background:url(images/kadaibg10.gif) no-repeat top left;}
#rinenseisaku div.kadailist > div h3 + p{
    padding: 10px 0 0px 15px;
    margin: 0;
}
#rinenseisaku div.kadailist div ul{
    margin:5px 0 20px 20px;
}
#rinenseisaku div.kadailist div li {
    background:url(images/list_sq_blue.gif) no-repeat 0 0.5em;
    padding-left:13px;
    }
/*------------------------------------------------------location */
#location .main h2{background:url(images/main_ti-location.gif) no-repeat left top;text-indent:-9999px;}
#location .main h2.kokkai{background:url(images/main_ti-location2.gif) no-repeat left top;text-indent:-9999px;}
#location .main iframe {margin:16px 0;}
#location #stage .main p{line-height:1.7;margin-bottom:40px;}
/*------------------------------------------------------blog */
/* ブログページ用再設定 */
#blog #stage .inner{background:none;}
#blog #bns {background:#DEF1FE;}
#localnav .lnav li a.kokkai {/* 左側ナビゲーション1項目目リンク */
    padding-top:12px;
    background-position:11px 12px;
    }

/* ブログ専用スタイル */
#blog #stage #entries {
    margin:15px 0 0 7px;
    }
#blog #stage #entries h3 {
    float:none;clear:both;
    font-size:113%;font-weight:normal;color:#3377DC;
    border-left:solid 5px #3377DC;
    padding:6px 0 7px 15px;
    margin:10px 0 24px;
    }
#blog #stage .pnav {
    width:665px;overflow:hidden;float:none;clear:both;
    }
#blog #stage .pnav li{
    height:24px;float:left;
}
#blog #stage .pnav li.prev{
    width:533px;
    }
#blog #stage .pnav li a{
    width:132px;height:24px;display:block;
    text-indent:-9999px;
    }
#blog #stage .pnav li.prev a{
    background:url(images/pnav_prev.gif) no-repeat 0 0;
    }
#blog #stage .pnav li.next a{
    background:url(images/pnav_next.gif) no-repeat 0 0;
    }
