/*
Theme Name: template01
Theme URI: 
Description: 
Version: 1.0
Author: atsushi_sato
Author URI: http://biz110.5rooms.biz/
Author e-mail: biz@active24.net
*/

* {
 margin: 0;
 padding: 0;
}

html{height: 100%;}

/* BODY */
/*全体の設定１*/
body{
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	margin : 0;
	padding: 0;
	color: #666;
	font-size: 75%;
	line-height: 150%;
	
}
/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
 margin: 0;
 padding: 0;
 border: 0;
}

/* strong */
strong {font-weight: bold;}

/* 強調文の属性*/
h1,h2,h3,h4,p{font-size: 12px;font-weight: normal;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #CC6688;text-decoration: none;}
a:hover {color: #FFCC00;text-decoration: underline;}

/*全体の枠設定*/
#wrapper{
	width:780px;
	margin: 0 auto;
	text-align:center;
	background: #FFF url("./img/back.jpg") repeat-y top center;	
	}

/*-----枠内属性-----*/
#container{
	margin: 0 auto;
	width: 750px;
	text-align: left;
	}
/*-----フッター属性-----*/
#footer{
	margin: 0 auto;
	width: 750px;
	text-align: center;
	background-color:#EEE6C8;
	}
	
/*-----フッター下属性-----*/
.footer_bg{
	background: #FFF url("./img/back_u.jpg") ;
}
/*-----クリア属性-----*/
#clear{
	clear:both;
	}

/*-----　パンくずリスト　-----*/
#bread{
	font-size:15px;
	padding-top:10px;
	padding-left:25px;
	}
	

/*-----　トップページ左カラム　-----*/

#topcontents {
	margin: 0 auto;
	padding-top: 6px;
	width: 750px;
	text-align: left;
}

#topcontents .left {
	float: left;
	display: inline;
	width: 450px;
	margin-left:5px;
}


#topcontents .left .head {
	background: url(./img/top/01.gif) no-repeat;
	width: 450px;
	height: 36px;
}


#topcontents .left .h4 {
    padding-left:20px;
	width: 450px;
	font-size: 13px;
	display:none;
}
#topcontents .left .middle{
	background: url(./img/top/02.gif) repeat-y;
}
#topcontents .left .middle p {
	padding: 2px 20px 5px;
}

#topcontents .left .boxbtm {
	background: url(./img/top/03.gif) no-repeat;
	width: 450px;
	height: 14px;
}
/*-----　トップページ右カラム　-----*/

#topcontents .right {
	float: right;
	display: inline;
	width: 285px;
	margin-right:5px;
}
#topcontents .right .head {
	background: url(./img/top/koushin/01.gif) no-repeat;
	width: 285px;
	height: 36px;
}
#topcontents .right .headj {
	background: url(./img/top/jimusho.gif) no-repeat;
	width: 285px;
	height: 36px;
}
#topcontents .right .h4 {
    padding-left:20px;
	width: 285px;
	font-size: 13px;
	display:none;
}
#topcontents .right .middle{
	background: url(./img/top/koushin/02.gif) repeat-y;
}
#topcontents .right .middle p {
	padding: 2px 20px 5px;
}

#topcontents .right .boxbtm {
	background: url(./img/top/koushin/03.gif) no-repeat;
	width: 285px;
	height: 14px;
}

/*-----　トップページ事務所案内　-----*/

#topcontents .box {
	float: left;
	display: inline;
	width: 740px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}

#topcontents .box .head {
	background: url(./img/box/01.gif) no-repeat;
	width: 740px;
	height: 36px;
}

#topcontents .box .h4 {
    padding-left:20px;
	width: 740px;
	font-size: 13px;
	display:none;
}
#topcontents .box .middle{
	background: url(./img/box/02.gif) repeat-y;
}
#topcontents .box .middle p {
	padding: 2px 20px 5px;
}

#topcontents .box .address {
	background: url(./img/box/04.gif) no-repeat;
	width: 740px;
	height: 360px;
	margin-top:5px;
}
#topcontents .box .address .map {
	text-align: right;
	margin-right:10px;
	margin-top:10px;
}

#topcontents .box .boxbtm {
	background: url(./img/box/03.gif) no-repeat;
	width: 740px;
	height: 14px;
}

/*-----　トップページ以下のレイアウト　-----*/
#content {
	margin: 0 auto;
	padding-top: 6px;
	width: 750px;
	text-align: left;
}

#content .box {
	float: left;
	display: inline;
	width: 740px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}

#content .box .heads {
	background: url(./img/box/style/01.gif) no-repeat;
	width: 740px;
	height: 36px;
}

#content .box .headl {
	background: url(./img/top/links.gif) no-repeat;
	width: 740px;
	height: 36px;
}
#content .box .headc {
	background: url(./img/top/contact.gif) no-repeat;
	width: 740px;
	height: 36px;
}


#content .box .middle{
	background: url(./img/box/02.gif) repeat-y;
}
#content .box .middle p {
	padding: 2px 20px 5px;
}

#content .box .boxbtm {
	background: url(./img/box/03.gif) no-repeat;
	width: 740px;
	height: 14px;
}

#content .box .img {
	float:right;
	margin-right:10px;
	margin-top:10px;
}

/*-----　トップページ以下の２カラムレイアウト　-----*/
/*-----　トップページ左カラム　-----*/
/*-----　ここはまだ未修正！頭の画像だけ差し替え指示をだして、あとは画像先のリンクを差し替え＆各IDとクラス名を変更すること！　-----*/
#content .left {
	float: left;
	display: inline;
	width: 450px;
	margin-left:5px;
}


#content .left .headr {
	background: url(./img/2column/01.gif) no-repeat;
	width: 450px;
	height: 36px;
}



#content .left .h4 {
    padding-left:20px;
	width: 450px;
	font-size: 13px;
	display:none;
}
#content .left .middle{
	background: url(./img/2column/02.gif) repeat-y;
}
#content .left .middle p {
	padding: 2px 20px 5px;
}

#content .left .boxbtm {
	background: url(./img/2column/03.gif) no-repeat;
	width: 450px;
	height: 24px;
}
/*-----　トップページ右カラム　-----*/

#content .right {
	float: right;
	display: inline;
	width: 285px;
	margin-right:5px;
}
#content .right .headr {
	background: url(./img/2column/r_repo.gif) no-repeat;
	width: 285px;
	height: 36px;
}

#content .right .heada {
	background: url(./img/2column/katsudou.gif) no-repeat;
	width: 285px;
	height: 36px;
}
#content .right .heady {
	background: url(./img/2column/yakushoku.gif) no-repeat;
	width: 285px;
	height: 36px;
}
#content .right .h4 {
    padding-left:20px;
	width: 285px;
	font-size: 13px;
	display:none;
}
#content .right .middle{
	background: url(./img/2column/r_02.gif) repeat-y;
}
#content .right .middle p {
	padding: 2px 20px 5px;
}

#content .right .boxbtm {
	background: url(./img/2column/r_03.gif) no-repeat;
	width: 285px;
	height: 14px;
}


/*-----　挨拶履歴・活動履歴など　-----*/

#minibox{	
    width: 450px;
	float: left;
	background-color: #FFEEFF;
	margin: 0px 0px 10px 0px;
	border: 1px solid #BBB;
}
#minibox .name{
        fonx-size:14px;
        font-weight:bold;
        margin:3px 0px 3px 5px;
}
#minibox .inner{
        float: left;
        margin-right: 1em;
        margin-bottom: 1em;
	padding: 5px 5px 5px 5px;
       
}

#minibox .inner2{
        float: left;
        margin-right: 1em;
        margin-bottom: 1em;
	padding: 0px 5px 5px 5px;
       
}

#minibox .text{
        float: right;
        width: 300px;

}
#minibox .clear{
	clear: both;
}