@charset "Shift_JIS";
/* ■↓↓↓全体属性↓↓↓■ */
body{
margin-top : 1px;
color : #505050;
margin-bottom : 1px;
font-size : 12px;
margin-left : 1px;
}
h1{
font-size : 12px;
color : #b0b0ff;
top : 10px;
left : 0px;
position : absolute;
width : 800px;
text-align : right;
}
img{
border-style : none none none none;
}
a{
color : #8080c0;
}
a:hover{
text-decoration : underline;
color : #ff8040;
}
/* ■↑↑↑全体属性↑↑↑■ */
/* ■↓↓↓メイン属性↓↓↓■ */
/* ↓メインパターン1↓ */
#main{
width : 620px; 
padding-top : 160px;
padding-left : 40px;
letter-spacing : 1px;
line-height : 130%;
float : left;
}
#main h2{
width : 515px; 
font-size : 12px;
background-image : url(../images/list/shikaku_orange.gif);
background-repeat : no-repeat;
padding-left : 13px;
margin-bottom : 11px;
letter-spacing : 1px;
background-position : 0px 1px;
}
.main_box ul{
width : 500px;
line-height : 180%;
margin : 5px 0px 0px 0px;
padding : 5px 5px 0px 5px;
border-width : 2px 2px 2px 2px;
border-style : solid solid solid solid;
border-color : #eaeaea #eaeaea #eaeaea #eaeaea;
}
.main_box li{
background-color : #ffff99;
background-image : url(../images/list/ya_green.gif);
background-repeat : no-repeat;
padding : 8px 8px 8px 20px;
margin : 0px 0px 5px 0px;
list-style-type : none;
background-position : 5px 12px;
border-width : 1px 1px 1px 1px;
border-style : dotted dotted dotted dotted;
border-color : #eaeaea #eaeaea #eaeaea #eaeaea;
}
.main_box li a{
background-image : url(../images/list/ya_001.gif);
background-repeat : no-repeat;
background-position : 0px 2px;
padding : 0px 0px 0px 13px;
margin : 0px 0px 0px 5px;
}
#main table{
width : 500px; 
font-size : 12px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
letter-spacing : 1px;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : silver silver silver silver;
margin-bottom : 5px;
}
#main th{
background-color : #eaeaea;
font-weight: normal;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
width : 100px;
line-height : 130%;
letter-spacing : 1px;
text-align : center;
vertical-align:top;
}
#main td{
line-height : 150%;
letter-spacing : 1px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color : #fff2ec;
}
#main td h3{
font-size : 12px;
font-weight : normal;
background-image : url(../images/list/ya_green.gif);
background-repeat : no-repeat;
padding-left : 12px;
margin-bottom : 0px;
background-position : 0px 3px;
color : #ff8000;
margin-top : 0px;
}
#main td p{
margin-left : 10px;
margin-right : 5px;
margin-top : 0px;
}
#main td ul{
margin-top : -15px;
margin-bottom : 0px;
margin-left : 10px;
}
#main td li{
margin-top : 0px;
background-image : url(../images/list/ya_maru_green.gif);
background-repeat : no-repeat;
padding-left : 13px;
margin-right : 20px;
float : left;
list-style-type : none;
background-position : 0px 4px;
}
/* ↑メインパターン1↑ */
/* ↓メインパターン2↓ */
.main_cat{
width : 620px; 
float : left;
padding-top : 20px;
padding-left : 40px;
letter-spacing : 1px;
line-height : 130%;
}
.main_cat h2{
width : 515px; 
font-size : 12px;
background-image : url(../images/list/shikaku_orange.gif);
background-repeat : no-repeat;
padding-left : 13px;
margin-bottom : 11px;
letter-spacing : 1px;
background-position : 0px 1px;
}
.main_cat table{
width : 500px; 
font-size : 12px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
letter-spacing : 1px;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : silver silver silver silver;
margin-bottom : 5px;
}
.main_cat th{
background-color : #eaeaea;
font-weight: normal;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
width : 100px;
line-height : 130%;
letter-spacing : 1px;
text-align : center;
vertical-align:top;
}
.main_cat_center{
vertical-align : top;
line-height : 150%;
letter-spacing : 1px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color : #fff2ec;
}
.main_cat_right{
width : 85px;
text-align : center;
line-height : 130%;
letter-spacing : 1px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color : #ffff99;
}
.main_cat td h3{
font-size : 12px;
font-weight : normal;
background-image : url(../images/list/ya_green.gif);
background-repeat : no-repeat;
padding-left : 12px;
margin-bottom : 0px;
background-position : 0px 3px;
color : #ff8000;
margin-top : 0px;

}
.main_cat td p{
margin-left : 10px;
margin-right : 5px;
margin-top : 0px;
}
.main_cat td ul{
margin-top : -15px;
margin-bottom : 0px;
margin-left : 10px;
}
.main_cat td li{
margin-top : 0px;
background-image : url(../images/list/ya_maru_green.gif);
background-repeat : no-repeat;
padding-left : 13px;
margin-right : 20px;
float : left;
list-style-type : none;
background-position : 0px 4px;
}
/* ↑メインパターン2↑ */
/* ↓ワンポイント↓ */
.main_onepoint{
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #cccccc;
border-right-color : #cccccc;
margin-top : -20px;
width : 500px;
line-height : 130%;
letter-spacing : 1px;
padding-left : 15px;
padding-right : 10px;
padding-bottom : 3px;
margin-bottom : -3px;
}
.main_onepoint h3{
font-size : 12px;
margin-left : 7px;
width : 450px;
margin-bottom : 5px;
padding-left : 55px;
color : #ff8000;
}
.main_onepoint p{
margin-top : 0px;
margin-bottom : 0px;
}
.main_onepoint ul{
margin-top : 5px;
margin-bottom : 0px;
margin-left : 0px;
}
.main_onepoint li{
margin-top : 0px;
background-image : url(../images/list/ya_maru_green.gif);
background-repeat : no-repeat;
padding-left : 13px;
margin-right : 20px;
float : left;
list-style-type : none;
background-position : 0px 3px;
}
/* ↑ワンポイント↑ */
/* ↓オプションページアイテム↓ */
#form2{
font-size : 12px;
width : 500px;
margin-top : -5px;
margin-bottom : 1px;
padding-bottom : 6px;
line-height : 130%;
}
#form2 form{
float : left;
margin-right : 1px;
margin-bottom : 1px;
}
.tsuika{
background-color : #ffffb5;
}
/* ↑オプションページアイテム↑ */
/* ↓最下部ご利用方法↓ */
#main_bottom{
font-size : 12px;
padding-bottom : 3px;
margin-bottom : 3px;
width : 800px;
margin-top : 20px;
margin-left : 20px;
}
/* ↑最下部ご利用方法↑ */
/* ■↓↓↓コラム属性↓↓↓■ */
#colum{
top : 170px;
font-size : 10px;
line-height : 130%;
letter-spacing : 0px;
line-height : 130%;
position : absolute;
}
#colum iframe{
width : 177px;
height : 225px;
margin-left : 0px;
margin-bottom : 0px;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #eaeaea;
border-right-width : 2px;
border-right-style : solid;
border-right-color : #eaeaea;
}
#form{
font-size : 12px;
width : 181px;
padding-left : 8px;
background-color : #f2f2f2;
margin-top : -5px;
margin-left : 0px;
margin-bottom : 10px;
padding-bottom : 6px;
line-height : 130%;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #eaeaea;
border-right-width : 2px;
border-right-style : solid;
border-right-color : #eaeaea;
border-bottom-width : 2px;
border-bottom-style : solid;
border-bottom-color : #eaeaea;
}
#form form{
float : left;
margin-right : 1px;
margin-bottom : 1px;
}
#colum h2{
width : 181px;
font-size : 12px;
background-image : url(../images/list/ya_orange_mini.gif);
background-repeat : no-repeat;
padding-left : 10px;
background-position : 3px 7px;
margin-bottom : 0px;
margin-top : -2px;
padding-top : 5px;
font-weight : normal;
color : #ff8000;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #eaeaea;
border-right-width : 2px;
border-right-style : solid;
border-right-color : #eaeaea;
}
#colum p{
width : 181px;
line-height : 130%;
margin : -3px 0px 10px 0px;
padding : 10px 5px 5px 5px;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #eaeaea;
border-right-width : 2px;
border-right-style : solid;
border-right-color : #eaeaea;
border-bottom-width : 2px;
border-bottom-style : solid;
border-bottom-color : #eaeaea;
}
#colum p img{
margin-top:5px; 
}
#colum ul{
width : 181px;
margin : -3px 0px 10px 0px;
padding : 10px 0px 5px 3px;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #eaeaea;
border-right-width : 2px;
border-right-style : solid;
border-right-color : #eaeaea;
border-bottom-width : 2px;
border-bottom-style : solid;
border-bottom-color : #eaeaea;
}
#colum li{
background-image : url(../images/list/ya_maru_green.gif);
background-repeat : no-repeat;
margin-bottom : 5px;
padding-left : 12px;
list-style-type : none;
margin-right : 0px;
background-position : 1px 1px;
}
/* ■↑↑↑コラム属性↑↑↑■ */
/* ■↓↓↓ヘッダ属性↓↓↓■ */
#header{
width : 800px;
}
#header_title{
top : 9px;
margin-left : 5px;
position : absolute;
}
/* ↓タグリスト↓*/
#header2{
width : 800px;
height : 30px;
position : absolute;
top : 45px;
left : 3px;
}
#header2 img{
margin-right : -5px;
}
/* ↑タグリスト↑*/
/* ↓ナビリスト↓*/
#navi_list{
position : absolute;
top : 110px;
background-color : #f5f5fa;
padding-left : 15px;
width : 799px;
height : 25px;
margin-left : 1px;
padding-top : 5px;
left : 2px;
}
#navi_list li{
padding-right : 10px;
padding-left : 13px;
background-image : url(../images/list/ya.gif);
background-repeat : no-repeat;
background-position : 3px 2px;
float : left;
list-style-type : none;
padding-top : 2px;
}
#navi_list li a{
text-decoration : underline;
color : #808080;
}
#navi_list li a:hover{
color : #ff8040;
}
/* ↑ナビリスト↑*/
/* ↓サイトマップリンク↓*/
#sitemap{
position : absolute;
top : 116px;
left : 720px;
font-size : 12px;
padding-left : 5px;
padding-right : 5px;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : silver;
border-right-color : silver;
}
/* ↑サイトマップリンク↑*/
/* ↓ヘッダプルダウンメニュー↓*/
#top_menu02{
position : absolute;
top : 79px;
letter-spacing : 0px;
z-index : 1;
left : 3px;
width : 800px;
}
.menu01,.menu02,.menu03,.menu04,.menu05,.menu06{
float : left;
width : 160px;
}
.menu01 p a{
display : block;
background-image : url(../images/button/daiko01.gif);
background-repeat : no-repeat;
height : 30px;
text-decoration : none;
}
.menu01 p a:hover{
background-image : url(../images/button/daiko011.gif);
text-decoration : none;
}
.menu02 p a{
display : block;
background-image : url(../images/button/daiko02.gif);
background-repeat : no-repeat;
height : 30px;
text-decoration : none;
}
.menu02 p a:hover{
background-image : url(../images/button/daiko021.gif);
text-decoration : none;
}
.menu03 p a{
display : block;
background-image : url(../images/button/daiko03.gif);
background-repeat : no-repeat;
height : 30px;
text-decoration : none;
}
.menu03 p a:hover{
background-image : url(../images/button/daiko031.gif);
text-decoration : none;
}
.menu04 p a{
display : block;
background-image : url(../images/button/daiko04.gif);
background-repeat : no-repeat;
height : 30px;
text-decoration : none;
}
.menu04 p a:hover{
background-image : url(../images/button/daiko041.gif);
text-decoration : none;
}
.menu05 p a{
display : block;
background-image : url(../images/button/daiko05.gif);
background-repeat : no-repeat;
height : 30px;
text-decoration : none;
}
.menu05 p a:hover{
background-image : url(../images/button/daiko051.gif);
text-decoration : none;
}
/* ↑ヘッダプルダウンメニュー↑*/
/* ■↑↑↑ヘッダ属性↑↑↑■ */
/* ■■■フッタアイテム■■■　*/
#footer{
width : 800px;
margin-top : 20px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : silver;
padding-bottom : 0px;
}
#footer img{
margin-left : 10px;
margin-top : 10px;
float : left;
}
#footer iframe{
margin-top : 0px;
padding-top : 3px;
padding-right : 5px;
height : 30px;
text-indent : right;
width : 580px;
margin-left : 15px;
float : left;
}
#footer ul{
background-color : #f5f5fa;
padding-left : 5px;
width : 699pt;
height : 25px;
margin-left : 1px;
padding-top : 5px;
left : 2px;
}
#footer li{
padding-right : 10px;
padding-left : 13px;
background-image : url(../images/list/ya.gif);
background-repeat : no-repeat;
background-position : 3px 2px;
float : left;
list-style-type : none;
padding-top : 2px;
}
#footer li a{
text-decoration : underline;
color : #808080;
}
#footer li a:hover{
color : #ff8040;
}
/* ■↑↑↑フッタアイテム↑↑↑■　*/