@charset "utf-8";
/*
Theme Name: ichi
Theme URI: ichibancho-shinkyu
Description: ichi
Version: 1.0
Author: ichibancho-shinkyu
Tags: Consulting

*/

@import url(http://fonts.googleapis.com/earlyaccess/hannari.css);

*{margin:0;padding:0;}

body{
font-family:'hannari';
/*
font: 12px/1.2 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
color:#333333;
background: #ffffff url(images/bg.png) repeat-x;
}


a{color:#248dc8;text-decoration:none;}
a:hover{color:#6bcaf2;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}



/*************
全体
*************/
#wrapper{
width: 100%;
}
#content{
margin: 0 auto;
padding-top: 20px;
width: 1025px;
}
#slide{
margin: 0px auto 0;
padding:13px 0 0;
width:1000px;
height:294px;
background: url(images/bg_slide.png) no-repeat;
}
/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #slide{ margin-left: 11px;  }
}

/*************
/* ヘッダー
*************/
#header{
height: 146px;
margin: 0px auto 0;
padding: 0 0 0 0;
width: 1025px;
}
#header .logo{
float:left;
margin:0 0 0 10px;
}
#header .time{
float:right;
}

#header h1 {
font-size: 1px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}

#sub-navi{
height: 32px;
margin: 0 0 0 210px;
margin-top: -5px;
}
#sub-navi img{
margin:0px 0 0 8px;
}

div#nav2{
width:100%;
background: #ffffff url(images/bg_nav.png) repeat-x center top;	
text-align:center;
margin-top: -1px;
}
/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 767px;
padding: 0 0 25px;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
display: block;
margin-bottom: 10px;
padding: 0 15px 0px 35px;
line-height: 36px;
height: 36px;
font-size: 14px;
font-weight: normal;
color: #666666;
/*background: #ffffff url(images/heading.png) no-repeat bottom;*/
}

#main h3 {
display: block;
height: 30px;
font-size: 14px;
/*background: url(images/h3.png) no-repeat ;*/
padding-left: 35px;
padding-top: 10px;
margin-top: 20px;
color: #666666;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#248DC8;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box-l{
float: left;
width: 370px;
margin: 50px 0px 0px 0;
}

.box{
float: left;
width: 170px;
margin: 30px 10px 10px 10px;
line-height: 1.1;
color:#3d1212;
}
.box-right{
float: right;
width: 190px;
margin: -8px 30px 0px 0px;
}
.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* メインとフッターのリスト位置調節 */
#main ul, #mainlist ul{margin-left: 20px;}
#main li, #mainlist li{margin-bottom: 3px;}
#mainlist li{
margin: 0 10px 10px 0px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}
#mainlist li a{
/*background: url(images/list.png) no-repeat 0 50%;*/
display: inline;
padding-left:15px;
color:#656565;
}
#mainlist ul {
padding-top:15px;	
padding-bottom:35px;	
}
#mainlist span.blog-date{
font-size:100%;
background:#fa9595;
padding:2px 8px;
text-align:center;
color:#fff;
display:inline-block;
width:100px;
}
#mainlist span.blog-title{
color:#656565;
display:inline;
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 235px;
padding: 0 0 15px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
display: block;
height: 36px;
padding: 7px 10px 0 35px;
line-height: 160%;
font-size: 14px;
font-weight: normal;
color: #666666;
background: #ffffff url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}

#sidebar li a{
/*background: url(images/list.png) no-repeat 0 50%;*/
display: block;
padding-left:0px;
}

#side-link{
margin:10px 0;
}
#side-link img{
margin:0px 0 10px;
}
#side-info {
margin:20px 0 10px;
}

#side-info li{
color:#4baf07;
list-style:none;
width:195px;
border-bottom:#585858 1px dotted;
background:url(images/mrk-01.png) no-repeat 0px 0px; 
margin-left:10px;
padding-left:20px;
}
#side-info li a{
color:#585858;
font-weight:bold;
list-style:none;
}

/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 0;
background: #ffffff url(images/bg_foot.png) repeat-x center bottom;
}
/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #footer{ width:1025px;  }
}

#footer-info{
width: 1025px;
height:300px;
margin: 0 auto;
overflow: hidden;
}
.footer-info-l{
background:url(images/footer-info.png) no-repeat;
width:410px;
height:230px;
margin:10px 0 0 250px;
float:left;
}
.footer-info-l img{
margin:172px 0 0 192px;
}
.footer-info-r{
width:354px;
height:220px;
margin:10px 0 0 0px;
float:right;
}
#footer .inner{
width: 1025px;
margin: 0 auto;
overflow: hidden;
height:230px;
}
#totop{
float:right;
background:#be993f;
margin-top:0px;
padding:10px;
}
#totop a{
color:#fff;
font-size:120%;
}
#totop a:hover{
color:green;
}


/* フッターのリスト位置調節 */
#footer ul{margin-left: 10px;}
#footer li{margin-bottom: 3px;}
#footer li{
margin: 0 10px 10px 0px;
list-style: none;
line-height: 110%;
}
#footer li a{
display: inline;
padding-left:3px;
color:#3d1212;
}
#footer li a:hover{
color:#fff;
}

* html #footer .inner{height:1%;}

#logo-ft{
float:left;
width: 245px;
}
address{
padding: 20px 0 3px;text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#999999;
}

#top-main{
background: url(images/top-main.png) no-repeat ;
width:777px;
height:1600px;
}
.top-main-note{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
clear:both;
}
#top-main img{
float:right;
margin-top:280px;
}
#top-main img.btn-02{
float:right;
margin-top:360px;
}
#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}

#top-mizu
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}