@charset UTF-8;

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

div:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
font-style:normal;
font-weight:400;
margin:0;
padding:0
}

img {
border-style:none
}

textarea {
font-size:100%
}

/* --- Common Elements --- */
span.red-big{
  font-size:14px;
  font-weight:bold;
  color:#ff0000;
}
.center{
  display:block;
  text-align:center;
  margin:10px auto;
}
.left{ display:block;float:left;margin-bottom:10px; }
.right{ display:block;float:right;margin-bottom:10px; }

/* Layout
------------------------------------------- */

body {
background-color:#fff;
background-image:url(http://www.gaiheki-toso.jp/img/banner_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
color:#333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
margin:0 auto;
padding:0;
text-align:center
}

#banner {
height:168px;
margin:0;
padding:0
}

#header {
background-color:transparent;
color:#333;
margin:0 auto;
overflow:hidden;
padding:0;
text-align:center;
width:100%
}

#content {
color:#333;
margin:10px auto 0;
padding:0;
text-align:center;
width:850px
}

#sub {
background-color:#ededed;
clear:left;
color:#333;
float:left;
padding:5px;
text-align:left;
width:220px
}

#main {
color:#333;
float:right;
margin:0;
padding-bottom:20px;
padding-right:0;
padding-top:0;
text-align:left;
width:610px
}

#footer {
background-color:#fff;
clear:both;
color:#333;
margin-top:10px;
text-align:center;
width:100%
}

/* Banner
-------------------------------------------- */

#banner .inner {
background-color:transparent;
height:168px;
margin:0 auto;
padding:0;
text-align:center;
width:850px
}

#banner .inner a {
color:#e59c2c;
text-decoration:none
}

#banner .inner p {
margin:0;
padding:0
}

#bannerBox01 {
background-image:url(http://www.gaiheki-toso.jp/img/headerBanner01.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:106px;
text-align:left;
width:485px
}

#bannerBox01 h1 {
font-size:12px;
height:22px;
left:8px;
position:relative;
top:5px;
width:485px
}

.bannerBox02 {
color:#e59c2c;
float:left;
height:106px;
padding-top:80px;
text-align:left;
width:170px
}

.bannerBox03 {
float:right;
height:106px;
width:187px
}

#bannerBox01 h1 a {
text-decoration:none
}

#bannerBox_R {
float:right;
height:106px
}

#bannerBox_menu {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/banner_icon_topcategory.jpg);
background-position:left bottom;
background-repeat:repeat-x;
float:left;
list-style-type:none;
margin:0;
padding:0;
width:850px
}

#bannerBox_menu .menu-home {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/menu_home.jpg);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
float:left;
height:61px;
overflow:hidden;
width:170px
}

#bannerBox_menu .menu-home a:hover {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/menu_home_hover.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left
}

#bannerBox_menu ul {
display:block
}

#bannerBox_menu ul li {
float:left;
height:61px;
overflow:hidden;
width:170px
}

#bannerBox_menu ul li a {
display:block;
height:61px;
padding-top:20px;
width:170px
}

#bannerBox_menu ul li a:hover {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/banner_icon_topcategory_hover.jpg);
background-position:left top;
background-repeat:repeat;
color:#fff;
display:block;
text-decoration:none
}

/* Header
-------------------------------------------- */

#header .inner {
height:300px;
margin:0 auto;
width:850px
}

#header h1 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:80%;
font-weight:700;
margin-bottom:0;
margin-left:0;
margin-top:20px;
padding-bottom:0;
padding-top:0
}

#header h1 a {
background-color:#fff;
color:#00000;
text-decoration:none
}

#header img a {
border:none;
margin:0
}

#header p {
background-color:#fff;
color:#333;
line-height:140%;
margin-bottom:5px;
margin-left:0;
margin-top:5px;
padding-bottom:0;
padding-top:0
}

/* Index-Content
-------------------------------------------- */

#top_point {
background-image:url(http://www.gaiheki-toso.jp/img/gaiheki_point/gaiheki_point_buck.jpg);
background-repeat:no-repeat;
height:273px;
margin:0 auto 15px
}

#top_point #point_01 p {
line-height:15px;
margin-left:8px;
padding-left:5px;
padding-right:10px
}

#top_point #point_01 p,#top_point #point_02 p,#top_point #point_03 p {
color:#333;
font-size:11px
}

#top_point #point_01,#top_point #point_03 {
display:inline;
float:left;
position:relative;
width:192px
}

#top_point #point_02 {
display:inline;
float:left;
position:relative;
width:203px
}

#top_point #point_02 p {
line-height:15px;
margin-left:5px;
padding-left:10px;
padding-right:10px
}

#top_point #point_03 p {
line-height:15px;
padding-left:10px;
padding-right:5px
}

#top_point ul.point {
color:red;
font-size:11px;
font-weight:700;
margin-top:10px;
margin-left: 30px;
}

.dot-line img {
float:left;
margin-right:5px
}

.dot-line,#contactBox {
margin:10px auto
}

.imgBorder_R img {
border:3px solid #ccc;
float:right;
margin-left:10px
}

.menu {
padding-top:20px
}

.nonLink {
background-image:url(http://www.gaiheki-toso.jp/img/nonLink.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:5px auto;
text-indent:20px
}

a:hover img {
filter:alpha(opacity=80);
opacity:0.8
}

#guideBox {
letter-spacing:1px;
line-height:200%
}

#secretBox h3 {
border:none
}

#serviceBox_L {
float:left
}

#serviceBox_L a {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner01.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:202px;
width:387px;
text-indent:-9999px;
}

#serviceBox_L a:hover {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner01_hover.jpg);
background-position:left top;
background-repeat:no-repeat
}

/* Sub
-------------------------------------------- */

#sub .inner {
background-color:#fff;
margin:0 auto
}

#sub .module-tagcloud .module-content {
text-align:left
}

#sub .module-tagcloud .module-content .module-list {
list-style:none
}

#sub .module-tagcloud .module-content .module-list li.taglevel1 {
font-size:170%
}

#sub .module-tagcloud .module-content .module-list li.taglevel2 {
font-size:150%
}

#sub .module-tagcloud .module-content .module-list li.taglevel3 {
font-size:130%
}

#sub .module-tagcloud .module-content .module-list li.taglevel4 {
font-size:110%
}

#sub .module-tagcloud .module-content .module-list li.taglevel5 {
font-size:90%
}

#sub .module-tagcloud .module-content .module-list li.taglevel6 {
font-size:70%
}

#sub dl {
clear:both
}

#sub dt {
background-color:#fff;
color:#333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:700;
margin-left:0;
margin-right:0;
padding:0
}

#sub img {
margin:0 auto;
text-align:center
}

#sub li.item {
display:inline;
float:left;
height:70px;
margin:0 10px 10px 0;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:70px
}

#sub p {
line-height:20px;
margin-left:10px;
padding:3px 0 0
}

#sub ul {
list-style:none;
margin:0;
padding:0 6px
}

#sub ul li {
background-color:#ededed;
clear:both;
color:#FB7A1F;
padding-left:0;
padding-right:0;
width:195px
}

#sub ul li a {
background-color:#fff;
background-image:url(http://www.gaiheki-toso.jp/img/icon_topcategory.jpg);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px dashed #666;
color:#666;
display:block;
height:38px;
line-height:280%;
margin:0;
text-decoration:none;
text-indent:25px;
width:200px
}

#sub ul li a:hover {
background-color:#fff;
color:#FB791F;
text-decoration:none
}

#sub ul li ul {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/sub_ul_bg.jpg);
background-position:left top;
background-repeat:repeat-y;
display:block;
height:240px;
padding-top:0;
width:190px
}

#sub ul li ul li {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/sub_icon_topcategory.jpg);
background-position:left top;
background-repeat:repeat-y;
height:38px;
margin:0;
padding:0;
width:185px
}

#sub ul li ul li a {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/sub_icon_topcategory.jpg);
background-position:left top;
background-repeat:repeat-y;
border:none;
color:#666;
display:block;
height:38px;
line-height:320%;
text-decoration:none;
text-indent:30px;
width:180px
}

#sub ul li ul li a:hover {
background-color:transparent;
background-image:url(http://www.gaiheki-toso.jp/img/sub_icon_topcategory_hover.jpg);
background-position:left top;
background-repeat:repeat-y;
border:none;
color:#FB791F;
display:block;
text-decoration:none
}

/* main
-------------------------------------------- */

#main ol li,#main ul li {
margin:0
}

#main ol,#main ul {
padding:0
}

#main .entry-tags {
clear:both;
margin:10px 0 10px 10px
}

#main .entry-tags-header,#main .entry-tags-list,#main .entry-tag,#sub .module-tagcloud .module-content .module-list .module-list-item {
display:inline
}

#main .entry-tags-list {
list-style:none;
margin:0;
padding:0
}

#main .extended {
display:block;
float:right;
margin-bottom:10px;
margin-top:10px
}

#main .inner {
letter-spacing:0.1em;
margin:0px;
padding:0px;
}

#main .posted img {
border:none;
margin-bottom:-5px
}

#main a {
color:#f60;
text-decoration:none
}

#main a:hover {
color:#fb791f;
text-decoration:none
}

#main blockquote {
background-color:#eee;
border-color:#999;
border-style:solid;
border-width:1px;
color:#333;
line-height:140%;
margin:5px 0;
padding:3px 10px
}

#main blockquote p {
padding:3px 0
}

#main cite {
font-style:italic
}

#main h2 {
background-color:#fff;
background-image:url(http://www.gaiheki-toso.jp/img/h2.jpg);
background-position:left top;
background-repeat:no-repeat;
clear:both;
color:#131313;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:130%;
font-weight:700;
height:36px;
line-height:150%;
margin:15px 0 5px;
padding:5px 0 3px;
text-indent:35px;
width:610px
}

#main h3 {
background-color:#fff;
border-bottom-color:#FB7A1F;
border-bottom-style:dashed;
border-bottom-width:1px;
clear:both;
color:#5d5d5d;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:120%;
font-weight:700;
margin-bottom:20px;
margin-top:20px;
text-align:left;
padding-bottom:6px
}

#main h4 {
background-color:#fff;
background-image:url(http://www.gaiheki-toso.jp/img/h4.jpg);
background-position:left top;
background-repeat:no-repeat;
border-bottom-color:#FB7A1F;
border-bottom-style:solid;
border-bottom-width:1px;
clear:both;
color:#5d5d5d;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;
font-weight:700;
line-height:140%;
margin-bottom:10px;
margin-top:10px;
padding-bottom:6px;
text-indent:20px;
text-align:left;
width:300px
}

#main h5 {
background-color:#fff;
background-image:url(http://www.gaiheki-toso.jp/img/h5.jpg);
background-position:left top;
background-repeat:no-repeat;
clear:both;
color:#363636;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:140%;
font-weight:700;
height:65px;
line-height:400%;
overflow:hidden;
text-indent:20px;
width:285px
}

#main label {
clear:both;
float:left;
margin-bottom:.8em;
white-space:nowrap;
width:11em
}

#main p {
line-height:20px;
margin:0;
padding:5px 0
}

#main pre {
border-color:#CCC;
border-style:solid;
border-width:1px;
overflow:scroll;
padding:5px
}

#serviceBox_R {
border:1px solid #fb791f;
display:block;
float:right;
height:200px;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:190px
}

#serviceBox_R ul {
background-image:url(http://www.gaiheki-toso.jp/img/service_title.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin:0;
padding-top:20px
}

#serviceBox_R ul li {
display:block;
height:35px;
width:188px
}

#serviceBox_R ul li a {
background-image:url(http://www.gaiheki-toso.jp/img/service_icon_topcategory.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:35px;
line-height:270%;
text-indent:35px;
width:188px
}

/* Footer
-------------------------------------------- */

abbr {
border:none;
text-decoration:none
}

#footer a {
color:#fb791f;
text-decoration:none
}

#footer a:hover,#banner .inner a:hover,#bannerBox01 h1 a:hover,#serviceBox_R ul li a:hover {
text-decoration:underline
}

#footer address {
font-family:Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,メイリオ,"ＭＳ Ｐゴシック", sans-serif;
font-weight:700;
padding-bottom:20px;
padding-top:20px
}

#footer-bottom {
padding-left:10px;
width:100%
}

#footer-bottom .inner {
color:#363636;
height:175px;
margin:0 auto;
text-align:left;
width:850px
}

#footer-top {
background-color:#ededed;
height:165px;
width:100%
}

#footer-top .footerBox01 {
border-left:2px solid #fff;
border-right:2px solid #fff;
color:#363636;
float:left;
font-weight:700;
height:165px;
line-height:100%;
padding-left:10px;
padding-top:10px;
text-align:left;
width:300px
}

#footer-top .footerBox02 {
border-right:2px solid #fff;
clear:right;
float:right;
height:165px;
line-height:150%;
padding-left:10px;
padding-top:3px;
position:relative;
text-align:left;
text-indent:13px;
width:520px
}

#footer-top .footerBox02 table {
margin:0
}

#footer-top .footerBox02 table tr td {
font-size:12px;
text-indent:13px
}

#footer-top .inner {
margin:0 auto;
text-align:center;
width:850px
}

#proBox {
margin:0 auto;
width:600px
}

#proBox .inner {
float:right;
width:320px
}

#proBox img,.secretBox img {
display:block;
float:left
}

#unlessImg {
margin:0 auto;
padding:10px 0;
text-align:center
}

#whatsnewBox {
height:186px;
width:600px
}

#whatsnewBox_L {
background-image:url(http://www.gaiheki-toso.jp/img/whatsnewBox_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:179px;
padding-top:20px;
width:336px
}

#whatsnewBox_L ul {
list-style-type:none
}

#whatsnewBox_L ul li {
background-image:url(http://www.gaiheki-toso.jp/img/list-img.jpg);
background-position:left top;
background-repeat:no-repeat;
list-style-type:none;
margin:5px auto;
padding-left:15px
}

#whatsnewBox_R {
float:right
}
#whatsnewBox_R a{
text-indent:-9999px;
}


.caseBox img {
border:3px solid #ccc
}

.linkBox01 {
display:block;
float:left;
height:168px;
left:23px;
position:relative;
top:60px;
width:209px
}

.linkBox01 a,.linkBox02 a {
display:block;
height:168px;
width:209px
}

.linkBox02 {
display:block;
float:right;
height:168px;
position:relative;
right:23px;
top:60px;
width:209px
}

.noBorder img {
border:none;
text-align:center
}

.out dl dd {
line-height:150%;
margin-left:20px;
margin-top:5px
}

.out dl dt {
border-left:3px solid #f60;
color:#f90;
line-height:100%;
margin:12px 0 0;
padding-left:8px;
padding-top:1px
}

.out dl,.areaBox dl {
margin:15px 25px 10px 20px
}

.right-img {
float:right;
width:268px
}

.roofBox {
background-image:url(http://www.gaiheki-toso.jp/img/roof/roofImg02.jpg);
height:350px;
margin-bottom:10px;
width:600px
}

.secretBox .inner {
float:right;
width:410px
}

.sub-banner01 {
display:block;
height:91px;
margin:0 auto;
padding-bottom:10px;
padding-top:15px;
text-align:center;
width:210px
}

.sub-banner01 a,.sub-banner02 a,.sub-banner03 a,.sub-banner04 a {
display:block;
height:91px;
width:210px
}

.sub-banner02,.sub-banner04 {
height:91px;
margin:0 auto;
padding-bottom:10px;
text-align:center;
width:210px
}

.sub-banner03 {
display:block;
height:91px;
margin:0 auto;
padding-bottom:10px;
text-align:center;
width:210px
}

.waterproofBox {
background-image:url(http://www.gaiheki-toso.jp/img/waterproof/waterproofImg02.jpg);
clear:both;
height:350px;
margin:15px auto;
width:600px
}

.whatsnewBox01 a {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner02.jpg);
background-position:left top;
background-repeat:no-repeat;
clear:right;
display:block;
height:88px;
width:240px
}

.whatsnewBox01 a:hover {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner02_hover.jpg);
background-position:left top;
background-repeat:no-repeat
}

.whatsnewBox02 a {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner03.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:88px;
width:240px
}

.whatsnewBox02 a:hover {
background-image:url(http://www.gaiheki-toso.jp/img/mainBanner03_hover.jpg);
background-position:left top;
background-repeat:no-repeat
}

ul.area {
margin:0;
padding:0 0 25px 30px
}