@charset "UTF-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}

body {
font-size:12px;
}
/* IE6用の設定▼ \*/
* html body {
font-size:0.75em;
}
/* ▲IE6用の設定 */

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

table{border-collapse:collapse;border-spacing:0;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{
color:#333333;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

li{list-style:none;}
fieldset,img{border:0;}
a:link {color:#03F;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}


#side,#main,#footer{
line-height:1.4;
}
#header{
line-height:1.3;
}
/*
-----------------------------------------------
▼テンプレートデザイン
----------------------------------------------- */
body{
background:url(../img/top_bg.gif) repeat-x #1f7be5;
text-align:center;
}

#all{
background:url(../img/head_bg.gif) repeat-x #fff;
text-align:left;
margin:0 auto;
width:951px;
padding-top:10px;
padding-left:21px;
padding-right:21px;
padding-bottom:15px;
}

/* ▼ヘッダ */
#header{
padding-top:1px;
background:url(../img/head_cala.gif) no-repeat left bottom;
width:770px;
padding-left:181px;
}

#header h1{
background:url(../img/head_logo.gif) no-repeat #fff;
text-indent:-9999px;
float:left;
margin-right:10px;
margin-top:14px;
}

#header h1 a{
display:block;
width:274px;
height:79px;
}

#header strong{
font-weight:normal;
}

#header p.head_copy{
width:335px;
font-size:12px !important;
line-height:1.3 !important;
float:left;
margin-top:25px;
}

.header_ul1{
width:142px;
height:64px;
float:right;
margin-top:14px;
}
.header_ul1 li{
float:right;
}

.header_ul1 li a{
display:block;
text-indent:-9999px;
width:65px;
height:64px;
margin-left:5px;
}

#toiawase{
background:url(../img/head_btn1.gif) no-repeat;
}
#jisseki{
background:url(../img/head_btn2.gif) no-repeat;
}

.head_tel{
float:left;
}

.head_tel span{
font-weight:bold;
font-size:16px;
}

.header_ul2{
float:right;
}

.header_ul2 li{
display:inline;
border-right:solid 1px;
padding-left:5px;
padding-right:10px;
}

.header_ul2 .last{
border-right:solid 0px;
padding-right:0;
}

.header_ul2 li a{
font-weight:bold;
text-decoration:none;
font-size:12px;
}

.head_bottom{
width:770px;
}

/* ▼side */
#side{
width:199px;
float:left;
}

#menu{
margin-bottom:10px;
}

#menu li{
font-size: 0.1em;
height: 47px;
width: 199px;
}

#menu li a{
display:block;
text-decoration:none;
height: 47px;
width: 199px;
background-image: url(../img/menu.gif);
font-size: 0.1em;
line-height: 1px !important;
text-indent: -10000em;
overflow: hidden;
}

#mn01{background-position: 0px 0px;}
#mn02{background-position: 0px -47px;}
#mn03{background-position: 0px -94px;}
#mn04{background-position: 0px -141px;}
#mn05{background-position: 0px -188px;}
#mn06{background-position: 0px -235px;}
#mn07{background-position: 0px -282px;}
#mn08{background-position: 0px -329px;}
#mn09{background-position: 0px -376px;}
#mn10{background-position: 0px -423px;}
#mn11{background-position: 0px -470px;}

#mn01:hover{background-position: -199px 0px;}
#mn02:hover{background-position: -199px -47px;}
#mn03:hover{background-position: -199px -94px;}
#mn04:hover{background-position: -199px -141px;}
#mn05:hover{background-position: -199px -188px;}
#mn06:hover{background-position: -199px -235px;}
#mn07:hover{background-position: -199px -282px;}
#mn08:hover{background-position: -199px -329px;}
#mn09:hover{background-position: -199px -376px;}
#mn10:hover{background-position: -199px -423px;}
#mn11:hover{background-position: -199px -470px;}

/* ▼main */
#main{
width:740px;
float:right;
}


/* ▼footer */
#footer{
background:url(../img/foot_bg.gif) repeat-x #fff bottom left;
text-align:left;
margin:0 auto;
width:951px;
padding-top:10px;
padding-left:21px;
padding-right:21px;
padding-bottom:8px;
color:#fff;
}

address{
font-style:normal;
color:#fff;
display:block;
float:left;
width:280px;
}

#foot_subnavi li{
display:inline;
font-size:11px;
}

#foot_subnavi li a,#footer_ul li a{text-decoration:none;}
#foot_subnavi li a:link,#footer_ul li a:link {color:#fff;}
#foot_subnavi li a:visited,#footer_ul li a:visited {color:#fff;}
#foot_subnavi li a:hover,#footer_ul li a:hover{color:#e5eb3f;}

#foot_subnavi{
float:left;
width:505px;
}

#foot_subnavi li span{
display:block;
font-size:12px;
}

#footer_ul{
float:right;
}

#footer_ul li{
display:inline;
border-right:solid 1px;
padding-left:5px;
padding-right:10px;
}

#footer_ul .last{
border-right:solid 0px;
padding-right:0;
}

#footer_ul li a{
font-weight:bold;
}

#copyright{
margin-top:10px;
}

#ssl_mk{
width:100px;
height:50px;
float:right;
margin-top:15px;
}


/*
-----------------------------------------------
▼トップページ
----------------------------------------------- */

/* ▼Flash */
#top_flash{
margin-bottom:15px;
}
/* ▼TOP中央カラム */
#top_left{width:416px;float:left;}

.leftbox{float:left;width:170px;}

.leftbox img{
border:solid 1px #ccc;
margin-left:5px;
}
.rightbox{float:left;width:230px;}
.rightbox p{margin-bottom:4px;}
.rightbox p a{margin-right:10px;}

.work_name{
font-size:115%;
font-weight:bold;
}

.top_work,
.top_topics{
border-bottom:dotted 1px #666;
padding-bottom:10px;
margin-top:10px;
}

.works_ttl,.topics_ttl{
position:relative;
height:41px;
}

.works_ttl .ichiran{
text-indent:-9999px;
width:67px;
height:20px;
position:relative;
margin-top:-30px;
margin-left:338px;
}
.work_name{
font-size:115%;
font-weight:bold;
}

.top_work,
.top_topics{
border-bottom:dotted 1px #666;
padding-bottom:10px;
margin-top:10px;
}

.works_ttl2,.topics_ttl{
position:relative;
height:41px;
}

.note{
width:540px;
}

.works_ttl2 .ichiran{
text-indent:-9999px;
width:67px;
height:20px;
position:relative;
margin-top:-30px;
margin-left:338px;
}




.topics_ttl .ichiran{
text-indent:-9999px;
width:67px;
height:20px;
position:relative;
margin-top:-30px;
margin-left:228px;
}

.ichiran a{
background:url(../img/ichiran_btn.gif) no-repeat #fff;
width:67px;
height:20px;
display:block;
}

.ichiran a:hover{
background-position: 0 -20px;
}


/* ▼TOP右カラム */
#top_right{width:306px;float:right;}

.top_banner{margin-bottom:10px;}

.mt15{margin-top:15px;}

#top_link{
background:#eaebee;
padding:10px;
}

#top_link ul{
margin-top:10px;
margin-left:10px;
}

#top_link li{margin-bottom:5px;}

#top_link h2{
display:none;
}

/* ▼TOP左カラム */
.blogrss{
background-color:#ededed;
padding:7px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}



/* css_end */