@charset "utf-8";
/* CSS Document */

/* ---------- reset ---------- */

/* Reset ------------------------------------------------------------------ */

/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/
img{
vertical-align:bottom;
}
p{
text-align:left;
}
:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}
/* ---------- clear ---------- */
div.clear{clear:both;height:1px;}
div.clear hr{display:none;}
/* ---------- reset_end ---------- */
/* Hides from IE-mac \*/ 
* html div {height: 1%;} 

div {display: block;} 
/* End hide from IE-mac */
/* ---------- body ---------- */
body{color:#000000;
background:url(../images/mainbg.gif) repeat-x #FFF;
text-align: center;
}
a:link{
color:#2f60c2;
text-decoration:none;
}
a:visited{
color:#2f60c2;
text-decoration:none;
}
a:hover{
color:#5b8be9;
text-decoration:none;
}
a:active{
color:#2f60c2;
text-decoration:none;
}
strong{font-weight:bold;}

/* ---------- レイアウト ---------- */

div#shadow{
margin:auto;
padding:15px 10px 10px 10px;
width:810px;
background:url(../images/contentsbase_bg.gif) top left no-repeat;
}
div#wrapper{
margin:auto;
padding:0;
width:810px;
background:url(../images/line_bg.gif) top left repeat-y;
overflow:auto;
}

div#swf{
margin:auto;
padding:0 10px 5px 0;
width:820px;
}

/* ----------左サイドバー---------- */

div#gnav{
margin:0;
padding:0 0 60px 0;
width:160px;
float:left;
text-align:left;
}

div#gnav ul{
margin:0;
padding:0;
}

div#gnav li{
margin:0;
padding:0;
list-style:none;
overflow: hidden;
font-weight:bold;
}

div#gnav li a{
display:block;
text-decoration:none;
}
div#gnav li#home{
width:160px;
height:37px;
}

div#gnav li#nav01{
background:url(../images/nav01.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}

div#gnav li#nav02{
background:url(../images/nav02.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}
div#gnav li#nav03{
background:url(../images/nav03.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}
div#gnav li#nav04{
background:url(../images/nav04.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}
div#gnav li#nav05{
background:url(../images/nav05.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}
div#gnav li#nav06{
background:url(../images/nav06.gif) no-repeat;
height:33px;
width:115px;
padding:18px 0 0 45px;
display:block;
}

div#gnav ul#subnav{
margin:20px 0 0 0;
}

div#gnav li#subnav{
width:160px;
height:47px;
}

div#gnav li#banner{
width:160px;
height:71px;
margin:0 0 5px 0;
}

/* ---------- メイン ---------- */
div#main{
width:620px;
margin:0 0 0 0;
padding:0 0 20px 10px;
float:left;
}


.bannerbig{
margin:0;
padding:0;
width:620px;
}
.bannerbig img{
margin:0 0 5px 0;
padding:0;
vertical-align:bottom;
}
.bannermid{
margin:0 0 10px 0;
padding:0;
width:630px;
float:left;
}
.bannermid img{
float:left;
padding-right:10px;
vertical-align:bottom;
}


/* ---------- トピックス ---------- */
.topic{
clear:left;
width:620px;
background:url(http://www.otesuji.jp/images/topics_title.gif) no-repeat top left #eeeeee;
margin:0 0 10px 0;
padding:70px 0 0 0;
}

.topictext{
margin:0;
padding:10px;
text-align:left;
}

.topictext ul{
margin:0;
padding:0;
}

.topictext li{
margin:0 0 10px 0;
padding:0 0 5px 5px;
list-style:none;
border-bottom:1px dashed #c10000;
}

.midashi{
margin:0 0 0 5px;
display:inline;
}

/* ---------- 大手筋NEWS ---------- */
.news{
width:620px;
background:url(../images/news_title.gif) no-repeat top left;
margin:0 0 0 0;
padding:60px 0 0 0;
float:left;
}

.right{
clear:both;
width:620px;
text-align:right;
}

.newsdetail{
height:40px;
clear:both;
margin:0;
padding:0;
}

.right2{
width:290px;
height:30px;
text-align:right;
margin-right:10px;
float:left;
display:inline;
}

.right,
.right2 img{
vertical-align:bottom;
padding-right:3px;
}

.newsbox{
width:300px;
float:left;
margin-right:10px;
}
.newsimage{
text-align:center;
width:260px;
}
h3#news{
text-align:left;
}
h3#news img{
padding-right:3px;
}
.newsbox p{
margin:5px 0 5px 0;
text-align:left;
}
.newsbox{
text-align:center;
}


/* ---------- 外部ブログ表示 ---------- */

div#feed{
width:620px;
clear:both;
background:url(http://www.otesuji.jp/images/blog_title.gif) no-repeat top left #eeeeee;
margin:0 0 20px 0;
padding:70px 0 0 0;
}

div#feed ul{
margin:0;
padding:10px;
text-align:left;
}

div#feed li{
margin:10px auto;
padding:0 0 5px 5px;
list-style:none;
border-bottom:1px dashed #009999;
}

/* ---------- 大手筋へ行こう ---------- */

div#otesujiheikou{
clear:both;
width:600px;
background:url(http://www.otesuji.jp/images/otesujiheikou_title.gif) no-repeat top left;
margin:0 0 10px 0;
padding:50px 10px 0 10px;
line-height:150%;
overflow:auto;
}
.ikouimages{
width:330px;
float:left;
}
.ikoutitle{
width:250px;
float:left;
margin:5px 0 0 5px;
text-align:left;
}
h2#ikou{
margin:3px 0 5px 0;
padding:0;
font-weight:bold;
font-size:110%;
color:#000066;
}
.blue{
color:#2f60c2;
}

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

/* ---------- フリースペース ---------- */


div#freespace{
clear:both;
width:600px;
background:url(http://www.otesuji.jp/images/yomoyama_title.gif) no-repeat top left;
margin:0 0 10px 0;
padding:50px 10px 10px 10px;
}
.freeimages{
width:218px;
float:left;
margin:5px 10px 0 0;
}
.freetitle{
width:350px;
float:left;
margin:5px 0 0 10px;
text-align:left;
}

div#freespace p{
padding:5px 0 0 0;
}
/* ---------- フッター ---------- */


div#footer{
clear:both;
margin:auto;
padding:0;
width:810px;
height:50px;
background:url(http://www.otesuji.jp/images/footer.gif) no-repeat top left;
}

/* ---------- 下層ページ ---------- */
.topic2{
clear:left;
width:620px;
background:url(http://www.otesuji.jp/images/topics_title.gif) no-repeat top left #eeeeee;
margin:0 0 0 0;
padding:70px 0 10px 0;
}
.news2{
clear:left;
width:620px;
background:url(http://www.otesuji.jp/images/news_title.gif) no-repeat top left;
margin:0 0 0 0;
padding:70px 0 10px 0;
}
.topic2 p{
margin:5px 0 0 0;
}
.mtlist{
width:580px;
text-align:left;
margin:0 0 0 10px;
padding:10px 10px 0 10px;
border-bottom:1px dotted #c10000;
clear:both;
display:block;
}
.mtlist_news{
width:580px;
text-align:left;
margin:0 0 0 10px;
padding:10px 10px 0 10px;
border-bottom:1px solid #009999;
clear:both;
display:block;
}

.mtdate{
float:left;
font-weight:bold;
display:block;
}
.mtdate_news{
padding:0 0 0 20px;
float:left;
font-weight:bold;
background:url(http://www.otesuji.jp/images/news_icon.gif) no-repeat;
}
.mtbody{
clear:both;
padding:10px 0 10px 0;
overflow:auto;
}

/* ---------- omise1 ---------- */

.omise1,.omise2,.omise3,.omise4,.omise5,.omise6{
width:620px;
margin:15px 0 10px 0;
padding:15px 0 10px 0;
}
.omise1{
background:url(http://www.otesuji.jp/images/omise1_title.gif) no-repeat top left;
}
.omise2{
background:url(http://www.otesuji.jp/images/omise2_title.gif) no-repeat top left;
}
.omise3{
background:url(http://www.otesuji.jp/images/omise3_title.gif) no-repeat top left;
}
.omise4{
background:url(http://www.otesuji.jp/images/omise4_title.gif) no-repeat top left;
}
.omise5{
background:url(http://www.otesuji.jp/images/omise5_title.gif) no-repeat top left;
}
.omise6{
background:url(http://www.otesuji.jp/images/omise6_title.gif) no-repeat top left;
}

.mtlist_omise p{
margin:10px 0 0 0;
}

h2#omise_title{
text-align:left;
padding:0 0 30px 40px;
font-weight:bold;
color:#2f60c2;
}

.mtdate_omise{
margin:0 0 10px 0;
padding:0 0 0 5px;
font-weight:bold;
border-left:5px solid #0000CC;
}

.mtlist_omise{
width:580px;
text-align:left;
margin:0 0 0 10px;
padding:10px 10px 0 10px;
border-bottom:1px solid #eeeeee;
clear:both;
}

.left{
float:left;
width:220px;
}
.left2{
float:left;
width:350px;
clear:right;
}
.left img{
margin: 0pt 20px 20px 0;
float:left;
}