body {
font-size: 100%;
font-color: #666;
font-family : "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
background: #FFF;
margin: 0;
padding: 0;
text-align: center;
}

img {
border: none;
}

br.floatend {
clear: left;
}

p a {
color: #495F9E;
text-decoration: none;
border-bottom: 1px dotted #495F9E;
}

p a:hover {
color: #ff9900;
border-bottom: 1px dotted #ff9900;
}

hr {
clear: both;
}


/*基本構造
--------------------------------------------------------*/

#wrapper {
width: 740px;
margin: 0 auto ;
padding: 0 10px;
text-align: left;
}

#container {
margin: 0;
padding: 0;
background: #fff;
}

#header {
position: relative;
width: 740px;
height: 95px;
margin: 0;
padding: 0;
background: #fff;
}

#content {
margin: 0;
padding: 0;
background: #fff;
}

#entry {
float: left;
width: 520px;
padding: 20px 0;
background: #fff;
}

#sidebar {
width: 200px;
float: right;
padding: 20px 0;
margin: 0;
background: #FFF;
}

#footer {
clear: both;
margin: 0;
padding: 0;
background-color: #603813;
}

#foot_box {
width: 740px;
color: #fff;
font-size: 70%;
line-height: 1.5em;
margin: 0 auto;
padding: 14px 10px;
text-align: left;
background-color: #603813;
}


/*エントリー
--------------------------------------------------------*/

h2 {
color: #333;
font-size: 115%;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 0;
}

h3 {
color: #253151;
font-size: 85%;
font-weight: normal;
margin-bottom: 20px;
padding: 5px 0 4px 10px;
border-left : 4px solid #253151;
background-color: #f3f8fc;
}

h4 {
color: #666;
font-size: 75%;
font-weight: normal;
margin: 0 0 10px 0;
padding: 5px 0 6px 21px;
background: #FFF url(images/arrow.jpg) no-repeat;
background-position: 0 5px;
border-bottom: 1px dotted #666;
}

h5 {
color: #253151;
font-size: 85%;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}

h6 {
color: #FFF;
font-size: 80%;
font-weight: normal;
margin: 0 0 5px 0;
padding: 5px 0 4px 10px;
background-color: #253151;
}

#entry p {
color: #333;
font-size: 90%;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 0;
}

#entry p b {
color: #0060FF;
font-weight: bold;
}

#entry p.pagetop_navi, #sidebar p.pagetop_navi {
font-size: 9pt;
margin: 0 0 50px 0;
padding: 0;
}

.info_box {
color: #333;
font-size: 80%;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 10px;
background: #FFFEEC;
border: 1px solid #CCC;
}

#entry ul.list {
margin: 0 0 20px 0;
padding: 0;
} 

#entry ul.list li {
display: block;
text-decoration: none;
margin: 0;
padding: 7px 0 7px 25px;
border-bottom: 1px dotted #666;
background: #FFF url(images/arrow.jpg) no-repeat;
background-position: 0 5px;
} 

#entry ul.list li a {
color: #333;
font-size: 90%;
text-decoration: none;
display: block;
}

#entry ul.list li a:hover {
color: #ff9900;
}

#entry ul.information {
margin: 0;
padding: 0 20px;
} 

#entry ul.information li {
list-style: disk;
margin: 0;
padding: 5px 0;
}

#entry ol {
margin: 0 0 0 20px;
padding: 0;
} 

#entry ol li {
font-size: .8rem;
margin: 0;
padding: 5px 0;
}

hr.partition {
	margin: 40px 0;
	border-top: 1px dashed #8c8b8b;
	border-bottom: none;
}


/*エントリー内イメージ
--------------------------------------------------------*/

#entry img.right {
float: right;
margin: 0 0 20px 20px;
}

#entry img.left {
float: left;
margin: 0 20px 20px 0;
}

#entry img.sample {
float: none;
margin: 0 0 7px 0;
}

#entry img.left_sample {
float: left;
margin: 0 20px 7px 0;
}

#entry img.plan {
float: left;
margin: -8px 20px 12px 0;
}

/*テーブルレイアウト（お知らせ）
--------------------------------------------------------*/
table.information {
text-align: left;
margin: 0 0 40px 0;
padding: 0;
}

table.information td {
color: #444;
font-size: 80%;
line-height: 1.5em;
list-style: none;
margin: 0;
padding: 3px 0;
border-bottom: 1px dotted #CCC;
}

table.information td a {
color: #444;
text-decoration: none;
}

table.information td a:hover {
color: #ff9900;
}

/*テーブルレイアウト（透明）
--------------------------------------------------------*/

#entry table.invisible {
border-collapse: collapse;
margin: 0 0 20px 0;
padding: 0;
}

#entry table.invisible td {
color: #333;
font-size: 90%;
line-height: 1.5em;
vertical-align: top;
margin: 0;
padding: 5px 3px;
}

#entry table.invisible td a {
color: #495F9E;
text-decoration: none;
border-bottom: 1px dotted #495F9E;
}

#entry table.invisible td a:hover {
color: #ff9900;
border-bottom: 1px dotted #ff9900;
}


/*テーブルレイアウト（オンライン）
--------------------------------------------------------*/

#entry table.online {
margin: 0 0 30px 0;
padding: 0;
border-collapse: collapse;
}

#entry table.online th {
font-size: 80%;
line-height: 1.5em;
font-weight: normal;
text-align: center;
padding: 7px 10px;
border: 1px solid #888;
background-color: #FFFEEC;
}

#entry table.online td {
font-size: 80%;
line-height: 1.5em;
font-weight: normal;
text-align: center;
padding: 7px 10px;
border: 1px solid #888;
}

/*テーブルレイアウト（事務所概要）
--------------------------------------------------------*/

#entry table.co_profile {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
border-collapse: collapse;
}

#entry table.co_profile th {
font-size: 80%;
line-height: 1.5em;
font-weight: normal;
text-align: center;
padding: 7px 10px;
border: 1px solid #888;
background-color: #FFFEEC;
}

#entry table.co_profile td {
font-size: 80%;
line-height: 1.5em;
font-weight: normal;
text-align: left;
padding: 7px 20px;
border: 1px solid #888;
}


/*テーブルレイアウト（メールフォーム）
--------------------------------------------------------*/

#entry table.form {
margin: 0 0 50px 0;
padding: 0;
}

#entry table.form th {
width: 130px;
font-size: 9pt;
text-align : right;
font-weight: normal;
padding: 0 10px 14px 0;
}

#entry table.form td {
font-size: 10pt;
font-weight: normal;
padding: 0 0 14px 0;
}

#entry table.form th span {
color : red;
}


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

#twitter {
margin-top : 150px;
}

#sidebar img.form_button {
float: left;
margin: 110px 0 20px 0;
}

#linkspace {
float: left;
width: 170px;
color: #444;
font-size: 75%;
font-weight: bold;
text-align: center;
margin: 30px 0;
padding: 10px;
border: 1px solid #777;
background: #fff;
}

#linkspace ul {
float: left;
text-align: left;
margin-left: 15px;
padding: 0;
}

#linkspace li {
font-weight: normal;
line-height: 1.5em;
list-style: none;
margin: 0;
padding: 0 0 10px 22px;
background: url(images/arrow.gif) no-repeat;
}

#linkspace li a {
color: #444;
}

#linkspace li a:hover {
color: #999;
}

#linkspace hr {
clear: left;
height: 1px;
border: 1px dotted #666;
margin-bottom: 10px;
}

#profile {
clear: left;
color: #111;
font-size: 85%;
line-height: 1.5em;
margin: 0 0 10px 0;
padding-left: 10px;
border-left: 2px solid #253151;
}

.side_info {
font-size: 70%;
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 0;
}

.side_box {
font-size: 70%;
line-height: 1.5em;
margin: 0 20px;
padding: 10px;
background: #FFF;
}

#bootleg {
text-indent : -9999px;
height: 1px;
}

#sidebar ul {
margin: 0 0 30px 0;
padding: 0;
}

#sidebar li {
font-size: 75%;
line-height: 2em;
list-style: none;
}

#sidebar li a {
display: block;
color: #111;
    text-decoration: none;
    border-bottom: 1px solid #CCC;
}

#sidebar li a:hover {
color: #ff9900;
border-bottom: 1px dotted #ff9900;
}


/*グローバルナビゲーション
--------------------------------------------------------*/

#navigation ul {
background: #603813;
list-style: none;
margin: 0;
padding: 3px 0 4px 20px;
}

#navigation li {
display: inline;
font-size: 80%;
margin: 0;
padding: 0 14px 0 0;
}

#navigation a {
text-decoration: none;
color: #fff;
}

#navigation a:hover {
color: #FFC6A4;
}


/*ヘッダー
--------------------------------------------------------*/

#header #logo {
position: absolute;
top: 14px;
left: 0;
}

h1 {
height: 1px;
text-indent: -9999px;
margin: 0;
padding: 0;
}

#header #tel {
position: absolute;
top: 30px;
right: 0;
color: #666;
font-size: 75%;
line-height: 1.4em;
}


/*レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width:599px) {

#entry img {
width: 100%;
}

#wrapper {
width: auto;
padding: 0 10px;
}

#container {
width: auto;
margin: 0;
padding: 0;
}

#header {
position: static;
width: auto;
height: auto;
text-align: center;
margin: 0;
padding: 70px 0 15px 0;
}

#header #logo {
position: static;
}

#header #tel {
position: static;
}

#content {
width: auto;
margin: 0;
padding: 0;
}

#entry {
float: none;
width: auto;
margin: 0 0 35px 0;
padding: 0;
}

#sidebar {
float: none;
width: auto;
margin: 0;
padding: 20px 0 0 0;
border-top: 5px solid #603813;
}

#footer {
width: auto;
margin: 0;
padding: 0;
}

#foot_box {
width: auto;
color: #fff;
font-size: 70%;
line-height: 1.5em;
margin: 0 auto;
padding: 14px 10px;
text-align: left;
background-color: #603813;
}

}