/*HTML BODY*/
* {
margin: 0;
padding: 0;
}
body {
color: #222;
text-align: left;
background-color: #fff;
}
img {
vertical-align: bottom;
border-style: none;
}

/*全体*/
#container {
width: 770px;
height: 100%;
padding: 0;
margin: 0 auto;
}

/*トップテキスト*/
.top {
width: 770px;
height: 25px;
padding: 0;
margin: 0 auto;
background: url(../images/top_p.jpg) no-repeat 0 0;
}
.top h1 {
padding: 6px 0 0 13px;
margin: 0;
font: 10px lighter;
color: #222;
line-height: normal;
letter-spacing: 1px;
}

/*ヘッダー*/
#head {
width: 755px;
height: 80px;
padding: 20px 0 0 15px;
margin: 0 auto;
background: url(../images/head_p.jpg) no-repeat 0 0;
}

/*ロゴ*/
#logo {
width: 380px;
height: 55px;
padding: 0;
margin: 0;
}

/*メイン*/
#main {
width: 770px;
height: 100%;
padding: 0;
margin: 0 auto;
background: url(../images/bg.gif) repeat-y 0 0;
}

/*メイン左*/
#m_l {
width: 180px;
height: 100%;
padding: 0;
margin: 0;
float: left;
}

/*お問合わせ画像*/
#contimg {
width: 180px;
height: 115px;
padding: 0;
margin: 0;
}

/*見積りボタン背景*/
#esti_bg {
width: 180px;
height: 42px;
padding: 0;
margin: 0;
background: url(../images/esti_bg_p.gif) no-repeat 0 0;
}

/*見積りボタン*/
#esti_btn {
padding: 0;
margin: 0 0 0 3px;
background: url(../images/esti_btn_r.gif) no-repeat;
}
#esti_btn a {
width: 170px;
height: 31px;
display:block;
}
#esti_btn a:hover {
background-color:transparent;
}
#esti_btn a:hover img {
visibility:hidden;
}

/*見積りボタン02*/
#esti_btn02 {
width: 430px;
height: 55px;
padding: 0;
margin: 5px auto;
background: url(../images/esti_btn02_r.gif) no-repeat;
}
#esti_btn02 a {
width: 430px;
height: 55px;
display:block;
}
#esti_btn02 a:hover {
background-color:transparent;
}
#esti_btn02 a:hover img {
visibility:hidden;
}

/*お申し込みボタン*/
#appl_btn {
width: 240px;
height: 55px;
padding: 0;
margin: 5px auto;
background: url(../images/appl_btn_r.gif) no-repeat;
}
#appl_btn a {
width: 240px;
height: 55px;
display:block;
}
#appl_btn a:hover {
background-color:transparent;
}
#appl_btn a:hover img {
visibility:hidden;
}

/*資料請求ボタン*/
#docr_btn {
width: 240px;
height: 55px;
padding: 0;
margin: 5px auto;
background: url(../images/docr_btn_r.gif) no-repeat;
}
#docr_btn a {
width: 240px;
height: 55px;
display:block;
}
#docr_btn a:hover {
background-color:transparent;
}
#docr_btn a:hover img {
visibility:hidden;
}

/*お問合わせボタン*/
#cont_btn {
width: 240px;
height: 55px;
padding: 0;
margin: 5px auto;
background: url(../images/cont_btn_r.gif) no-repeat;
}
#cont_btn a {
width: 240px;
height: 55px;
display:block;
}
#cont_btn a:hover {
background-color:transparent;
}
#cont_btn a:hover img {
visibility:hidden;
}

/*メニュー画像*/
#menuimg {
width: 180px;
height: 20px;
padding: 0;
margin: 0;
background: url(../images/menuimg.gif) no-repeat 0 0;
}

/*メニュー*/
.menu {
padding: 0;
margin: 0 0 0 4px;
}
.menu ul {
}
.menu li {
width: 170px;
height: 33px;
padding: 0;
margin: 1px 0;
list-style-type: none;
background: none no-repeat 0 0;
line-height: 0;
vertical-align: bottom;
overflow: hidden;
float: left;
}
.menu li a {
height: 33px;
padding: 10px 0 0 20px;
margin: 0;
background: url(../images/menu.gif) no-repeat 0 0;
font-size: 14px;
line-height: normal;
letter-spacing: 1px;
font-weight: bold;
display: block;
}
.menu li a:link, .menu li a:visited, .menu li a:visited {
color: #447;
text-decoration: none;
}
.menu li a:hover {
background-position: 0 -33px;
color: #d22;
}

/*サイド*/
.side_aomori {
width: 169px;
height: 210px;
padding: 7px 0 0 0;
margin: 7px 0 0 4px;
background: url(../images/side_aomori.gif) no-repeat 0 0;
}
.side_t {
width: 155px;
font-size: 12px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
padding: 0;
margin: 0 4px 0 10px;
}
.sa_rb {
color: #cf2929;
margin: 0px 0px 2px 0px;
font-weight: bold;
}

/*メイン右*/
#m_r {
width: 590px;
height: 100%;
padding: 0;
margin: 0;
text-align: left;
float: right;
}

/*メイン右画像*/
#bimg {
width: 590px;
height: 37px;
padding: 0;
margin: 0;
background: url(../images/bimg.jpg) no-repeat 0 0;
}

.cont p {
padding: 2px;
margin: 8px 25px 10px 25px;
font-size: 12px;
color: #222;
line-height: 160%;
letter-spacing: 1px;
}
.cont p a {
color: #222;
}
.cont p a:link {
color: #36a;
}
.cont p a:visited {
color: #358;
}
.cont p a:hover {
color: #f40;
}
.red {
color: #d00;
}
.red_b {
color: #d00;
font-weight: bold;
}

/*リスト*/
.cont ul {
margin: 5px 25px 15px 25px;
}
.cont ol {
margin: 5px 25px 15px 25px;
}
.cont li{
font-size: 12px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
padding: 0;
margin: 5px 30px;
}
.cont li a {
color: #222;
font-weight: bold;
}
.cont li a:link {
color: #36a;
}
.cont li a:visited {
color: #358;
}
.cont li a:hover {
color: #f40;
}
.rt {
margin: 5px 5px 0 0;
font-weight: bold;
float: right;
}

/*タイトル*/
#title {
width: 590px;
height: 110px;
padding: 0;
margin: 0;
}

/*パンくず*/
#pankuzu {
width: 500px;
height: 20px;
margin: 8px 0 10px 10px;
background: url(../images/pankuzu.gif) no-repeat 0 0;
}
.pkz {
font-size: 12px;
padding: 3px 0 0 25px;
margin: 0;
color: #222;
letter-spacing: 0.8px;
}
.pkz a {
color: #222;
}
.pkz a:link {
color: #222;
}
.pkz a:visited {
color: #222;
}
.pkz a:hover {
color: #f40;
}

/*小タイトル01 h3*/
.st01 h3{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit01.gif) no-repeat 0 0;
}

/*小タイトル01 h4*/
.st01 h4{
font-size: 12px;
color: #446;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 8px 0 7px 18px;
margin: 10px 0 10px 17px;
background: url(../images/sstit01.gif) no-repeat 0 0;
}

/*小タイトル02 h3*/
.st02 h3{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit02.gif) no-repeat 0 0;
}

/*小タイトル03 h3*/
.st03 h3{
font-size: 15px;
color: #446;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit03.gif) no-repeat 0 0;
}

/*小タイトル04 h3*/
.st04 h3{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit04.gif) no-repeat 0 0;
}

/*小タイトル04 h3*/
.st05 h3{
font-size: 15px;
color: #fff;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 20px;
margin: 5px 0 5px 12px;
background: url(../images/stit05.gif) no-repeat 0 0;
}

/*強調文字01*/
.dc01 {
font-size: 12px;
color: #d11;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 5px 0 4px 5px;
margin: 5px 25px 0 20px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: solid 2px #C6C6D8;
}

/*強調文字02*/
.dc02 {
font-size: 12px;
color: #250;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 5px 0 4px 5px;
margin: 5px 25px 0 20px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: solid 2px #C6C6D8;
}

/*赤太文字*/
.rb {
font-size: 12px;
color: #d11;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
}

/*右寄せイメージ*/
.r_img {
margin: 5px 20px 5px 0;
float: right;
}

/*左寄せイメージ*/
.l_img {
margin: 5px 0 5px 8px;
float: left;
}

/*テーブル01*/
table.t01 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #aab;
font-size: 12px;
color: #222;
letter-spacing: 1px;
line-height: 150%;
}

table.t01 tr {}

table.t01 th {
padding: 6px 9px;
background-color: #D7D8E3;
border: solid 1px #aab;
color: #222;
text-align: center;
}

table.t01 td {
padding: 6px 9px;
background-color: #F5F6F9;
border: solid 1px #aab;
}
table.t01 td a {
color: #222;
}
table.t01 td a:link {
color: #36a;
}
table.t01 td a:visited {
color: #358;
}
table.t01 td a:hover {
color: #f40;
}

/*テーブル02*/
table.t02 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
border-bottom: solid 2px #C6C6D8;
font-size: 12px;
color: #222;
letter-spacing: 1px;
line-height: 150%;
}

table.t02 tr {}

table.t02 th {
padding: 5px;
color: #447;
font-weight: bold;
border-bottom: solid 2px #C6C6D8;
}

table.t02 td {
padding: 5px;
color: #222;
border-bottom: solid 2px #C6C6D8;
}

table.t02 td a:link {
color: #36a;
}
table.t02 td a:visited {
color: #358;
}
table.t02 td a:hover {
color: #f40;
}

/*テーブル03*/
table.t03 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
color: #222;
letter-spacing: 1px;
line-height: 150%;
}

table.t03 tr {}

table.t03 td {
padding: 3px;
color: #222;
}
table.t03 td a {
color: #222;
}
table.t03 td a:link {
color: #36a;
}
table.t03 td a:visited {
color: #358;
}
table.t03 td a:hover {
color: #f40;
}

/*テーブル04*/
table.t04 {
padding: 0;
margin: 5px auto;
border-collapse: collapse;
border-spacing: 0;
}

table.t04 tr {}

table.t04 td {
padding: 1px;
}

/*ライン*/
div.hr {
height: 15px;
padding: 0;
margin: 5px 25px 5px 20px;
background: url(../images/line.gif) repeat-x 0 0;
}
div.hr hr {
display: none;
}

/*ボタン01*/
.btn01 {
width: 480px;
height: 55px;
padding: 0;
margin: 10px auto;
overflow: hidden;
}
.btn01 a {
display: block;
height: 55px;
padding: 17px 0 0 20px;
margin: 0;
background: url(../images/btn01.jpg) no-repeat 0 0;
font-size: 18px;
color: #250;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
text-decoration: none;
}
.btn01 a:hover {
color: #fff;
background-position: 0px -55px;
}
/*ボタン02*/
.btn02 {
width: 480px;
height: 55px;
padding: 0;
margin: 10px auto;
overflow: hidden;
}
.btn02 a {
display: block;
height: 55px;
padding: 17px 0 0 20px;
margin: 0;
background: url(../images/btn02.jpg) no-repeat 0 0;
font-size: 18px;
color: #f50;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
text-decoration: none;
}
.btn02 a:hover {
color: #fff;
background-position: 0px -55px;
}

/*小ボタン01*/
.sbtn01 {
width: 270px;
height: 40px;
padding: 0;
margin: 10px auto;
overflow: hidden;
}
.sbtn01 a {
display: block;
height: 40px;
padding: 12px 0 0 20px;
margin: 0;
background: url(../images/sbtn01.jpg) no-repeat 0 0;
font-size: 14px;
color: #250;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
text-decoration: none;
}
.sbtn01 a:hover {
color: #fff;
background-position: 0px -40px;
}
/*小ボタン02*/
.sbtn02 {
width: 270px;
height: 40px;
padding: 0;
margin: 10px auto;
overflow: hidden;
}
.sbtn02 a {
display: block;
height: 40px;
padding: 12px 0 0 20px;
margin: 0;
background: url(../images/sbtn02.jpg) no-repeat 0 0;
font-size: 14px;
color: #f50;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
text-decoration: none;
}
.sbtn02 a:hover {
color: #fff;
background-position: 0px -40px;
}

/*よくある質問_Q h4*/
.faq_pue h4{
font-size: 12px;
color: #a22;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 10px 0 10px 37px;
margin: 10px 0 10px 17px;
background: url(../images/faq_pue.gif) no-repeat 0 0;
}

/*よくある質問_A */
.faq_ans {
font-size: 12px;
color: #222;
line-height: 160%;
letter-spacing: 1px;
padding: 5px 23px 8px 37px;
margin: 5px 0 10px 17px;
background: url(../images/faq_ans.gif) no-repeat 0 0;
}
.faq_ans a {
color: #222;
}
.faq_ans a:link {
color: #36a;
}
.faq_ans a:visited {
color: #358;
}
.faq_ans a:hover {
color: #f40;
}

/*SNSホスティングオプション*/
.sns_option {
width: 505px;
height: 30px;
font-size: 14px;
color: #15d;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 15px 0 0 40px;
margin: 10px auto 0 auto;
background: url(../images/sns_option.jpg) no-repeat 0 0;
}

/*サイトマップ用リスト*/
.smap ul {
margin: 5px 0 15px 15px;
padding: 0;
}
.smap li {
font-size: 12px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
padding: 0;
margin: 5px 0 5px 10px;
list-style: none;
}
.smap li a, .smap li a:link {
padding: 0 0 3px 20px;
color: #222;
font-weight: bold;
background: url(../images/list_point.gif) no-repeat center left;
border-bottom: solid 1px #C6C6D8;
text-decoration: none;
}
.smap li a:visited {
color: #444;
}
.smap li a:hover {
color: #f40;
}

/*リンク サイト名*/
.link {
font-size: 13px;
color: #222;
letter-spacing: 1px;
line-height: normal;
font-weight: bold;
padding: 5px 0 4px 5px;
margin: 5px 30px 0 25px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: solid 1px #C6C6D8;
background: #E9E9EE;
}
.link a, .link a:link {
padding: 0 0 3px 20px;
color: #36a;
font-weight: bold;
background: url(../images/link_point.gif) no-repeat center left;
text-decoration: none;
}
.link a:visited {
color: #358;
}
.link a:hover {
color: #f40;
}

/*リンク 説明文*/
.link_t p {
padding: 2px;
margin: 3px 30px 10px 30px;
font-size: 12px;
color: #222;
line-height: 150%;
letter-spacing: 1px;
}

/*フッター*/
#foot {
width: 730px;
height: 45px;
padding: 25px 20px 0 20px;
margin: 0 auto;
background: url(../images/foot_p.jpg) no-repeat 0 0;
text-align: center;
}
.ft {
font-size: 10px;
padding: 0;
margin: 0;
color: #fff;
line-height: 160%;
letter-spacing: 1px;
}
.ft a {
color: #fff;
}
.ft a:link {
color: #fff;
}
.ft a:visited {
color: #ddd;
}
.ft a:hover {
color: #f40;
}

/*フッター02*/
#foot02 {
width: 750px;
height: 28px;
padding: 7px 20px 0 0;
margin: 0 auto;
background: url(../images/foot02.gif) no-repeat 0 0;
text-align: right;
}
.ft02 {
padding: 0;
margin: 0;
font-size: 12px;
color: #222;
line-height: normal;
letter-spacing: 1px;
}
.ft02 a {
color: #222;
}
.ft02 a:link, .ft02 a:visited {
color: #444;
}
.ft02 a:hover {
color: #f40;
}

.copy {
padding: 0;
margin: 5px 0 0 5px;
font-size: 10px;
color: #556;
line-height: normal;
letter-spacing: 1px;
text-align: center;
}
.copy a {
color: #556;
text-decoration: none;
}
.copy a:link, .copy a:visited {
color: #556;
}
.copy a:hover {
color: #f40;
}

/* 枠04（実績）
------------------------------------------*/
.fra04 {
	width: 80%;
	margin: 10px auto;
	padding: 10px 5px;
	border: solid 1px #aaa;
	background: #eee;
}

.fra04 p {
	margin: 0 10px;
}

.fra04_tit {
	margin: 0 5px 5px 5px;
	padding: 0 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}

.fra04_tit a {
	color:#f50;
	text-decoration: none;
}

.fra04_tit a:hover {
	text-decoration: underline;
}

/*クリア*/
.clear {
clear: both;
}