@charset "Shift_JIS";
/*################___reset___################*/
* {
position: static;
margin: 0;
padding: 0;
}

div, p, hr, blockquote, address, noscript,
span, img, em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
border: none;
font-style: normal;
font-weight: normal;
}

/*################___basic tag___################*/
body {
margin: 0;
padding: 0;
text-align: center;
color: #333322;
line-height: 1.5em;
font-family: "Hiragino Maru Gothic Pro", "ＭＳ ゴシック", "Arial", sans-serif;
}

p {margin: 0 45px 0 45px;}

em {color: #cc0000;}
strong {font-size: 1.3em; color: #cc0000;}
small {font-size: 80%}

a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: underline;}

ul {
margin: 20px 45px 0 45px;
clear: both;
}

li {
list-style: none;
background-repeat: no-repeat;
margin: 0 0 5px 0;
padding: 5px 0 5px 35px;
}

dl {
margin: 20px 45px 0 45px;
clear: both;
}

dt {
margin: 0 10px 0 0;
border: dashed #666666;
border-width: 0 0 1px 0;
}

dd {
margin: 3px 0 20px 0;
}

img {vertical-align: top;}

/*################___block___################*/
#header {
width: 790px;
margin: 0 auto;
padding: 0;
text-align: center;
}

#header p {
margin: 0 -45px 0 -45px;
}

#contents {
width: 790px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#footer {
width: 782px;
margin: 0 4px 0 4px;
padding: 5px 0;
font-size: 80%;
color: #ffffff;
text-align: center;
clear: both;
}

/*################___2 column___################*/
#body {
width: 790px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#body #contents {
width: 600px;
border: solid #cccccc;
border-width: 0 1px 0 0;
float: left
}

#menu {
width: 185px;
margin: 5px 0 0 0;
padding: 0;
text-align: center;
float: left;
}

#menu ul {
margin: 0 10px 30px 7px;
text-align: left;
}

#menu li {
margin: 0;
padding: 7px 0 0 0;
border: solid #ffffff;
border-width: 0 0 3px 0;
background: url(img/template/2col_menu_brown.png) repeat-x;
}

#menu li a {
background: url(img/template/2col_menu_bottom_brown.png) bottom no-repeat;
margin: 0px 0 0 0;
padding: 0 0 5px 10px;
display: block;
color: #ffffff;
}

#menu ul.submenu {
margin: 0 0 0 0;
padding: 5px 5px 10px 7px;
border: none;
background: #ffffff;
border: solid #999999;
border-width: 0 0 0 0;
}

#menu ul.submenu li {
padding: 1px 0 1px 0;
background: #ffffff;
border: none;
}

#menu ul.submenu li a {
padding: 0 0 0 28px;
background: url(img/template/2col_menu_sub_brown.png)  0.45em no-repeat;
color: #564127;
}

#menu ul.submenu li em {
margin: 0 0 5px 0;
padding: 1px 0 1px 0;
display: block;
background: #D8E6BD;
color: #333333;
}

#menu ul.submenu li em span {
display: block;
margin: 3px 0 3px 0;
padding: 0 0 0 28px;
background: url(img/template/2col_menu_sub_green.png)  0.45em no-repeat;
}


#menu p {
margin: 0 10px 0 10px;
text-align: left;
}

#menu img {
margin: 10px auto;
}

/*################___header___################*/
h1 {
font-size: 1em;
}

h2 {
margin: 5px 30px 10px 30px;
padding: 18px 30px 17px 55px;
color: #ff0000;
font-size: 1.4em;
font-weight: bold;
clear: both;
}

h3 {
margin: 20px 45px 5px 45px;
padding: 0px;
color: #333333;
font-size: 1.4em;
font-weight: bold;
clear: both;
}

h3.tback {
margin: 20px 30px 5px 30px;
padding: 18px 30px 10px 30px;
background-repeat: no-repeat;
font-size: 1.2em;
color: #fff;
font-weight: bold;
}

h4 {
margin: 20px 40px 5px 30px;
border: dashed #666666;
border-width: 0 0 1px 0;
font-size: 1em;
}

/*################___frame___################*/
.frame {
width: 730px;
margin: 20px 30px 20px 30px;
background-repeat: repeat-y;
clear: both;
}

#body .frame {
width: 540px;
}

.frame h3.noback {
margin: 0 0 10px 0;
padding: 20px 30px 0 30px;
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: bold;
}

.frame h3.tback {
margin: 0 0 10px 0;
padding: 18px 30px 10px 30px;
background-repeat: no-repeat;
font-size: 1.2em;
color: #fff;
font-weight: bold;
}

.frame p {
margin: 0 30px 0 30px;
border
}

.f_bottom {
height: 30px;
background-repeat: no-repeat;
clear: both;
}

/*################___2 pane___################*/
.pane2 {
margin: 15px 0 0 0;
clear: both;
}

.pane2 span{
margin-bottom: 20px;
}

.pane2_body {
width: 395px;
}

#body .pane2_body {
width: 295px;
}

.pane2_body.left {
float: left;
margin: 0;
}

.pane2_body.right {
float: right;
margin: 0;
}
.pane2 h3 {
background-repeat: no-repeat;
background-position: bottom left;
margin: 0;
padding: 10px 20px 2px 20px;
font-size: 14px;
color: #fff;
}

.pane2_body.left h3 {
margin: 0 3px 0 30px;
}

.pane2_body.right h3 {
margin: 0 35px 0 0px;
}

.pane2_body.left p {
margin: 5px 20px 0px 50px;
}

.pane2_body.right p {
margin: 5px 55px 0px 20px;
}

.pane2_body.left img.left {
margin: 10px 10px 5px 50px;
display: inline;
}

.pane2_body.left img.right {
margin: 10px 25px 5px 10px;
}

.pane2_body.right img.left {
margin: 10px 10px 5px 20px;
}

.pane2_body.right img.right {
margin: 10px 60px 5px 10px;
}

/*################___parts___################*/
.request {
margin: 40px 185px 80px 185px;
clear: both;
}

#body .request {
margin: 30px 90px 60px 90px;
}

.img_ex {
clear: both;
margin: 15px 0 30px 0;
}

.img_ex h3 {
clear: none;
}

img.left {
margin: 5px 20px 5px 45px;
float: left;
}

img.right {
margin: 5px 45px 5px 20px;
float: right;
}

.img_ex h3 {padding-top: 10px;}
.img_ex p {padding-top: 10px;}
.img_ex img {margin-bottom: 20px;}

.img_ex.s_left h3 {margin: 0 45px 0 165px;}
.img_ex.s_left p {margin: 0 45px 0 165px;}
.img_ex.s_right h3 {margin: 0 165px 0 45px;}
.img_ex.s_right p {margin: 0 165px 0 45px;}

.img_ex.m_left h3 {margin: 0 45px 0 215px;}
.img_ex.m_left p {margin: 0 45px 0 215px;}
.img_ex.m_right h3 {margin: 0 215px 0 45px;}
.img_ex.m_right p {margin: 0 215px 0 45px;}

.img_ex.l_left h3 {margin: 0 45px 0 265px;}
.img_ex.l_left p {margin: 0 45px 0 265px;}
.img_ex.l_right h3 {margin: 0 265px 0 45px;}
.img_ex.l_right p {margin: 0 265px 0 45px;}

.img_ex.el_left h3 {margin: 0 45px 0 415px;}
.img_ex.el_left p {margin: 0 45px 0 415px;}
.img_ex.el_right h3 {margin: 0 415px 0 45px;}
.img_ex.el_right p {margin: 0 415px 0 45px;}

.frame .img_ex p {
margin-bottom: -30px;
}

/*################___background___################*/
body {
background: #d9e0e8;
background-position: 50% 0%;
background-image: url(img/template/contents_back_blue.png);
background-repeat: repeat-y;
}
#footer {background: #6684a3;}
/****　contents_back_blue 使用時は body の background を #d9e0e8 に設定　****/
/****　　　　　　　　　　　　　　　 footer の background を #6684a3 に設定　****/
/****　contents_back_green 使用時　#d7dfcf / #8da477　****/
/****　contents_back_cleam 使用時　#edd7c1 / #cc8d4f　****/

#header p {
background: url(img/title.jpg) 50% no-repeat;
text-indent: -5000px;
height: 150px;
/****　画像は高さのみ記述　※幅を記述するとレイアウトがずれます！　****/
}

/*################___parts red___################*/
h2.title_red {background: url(img/template/title_bar_red.png) 0em bottom no-repeat;}
ul.list_red li {background: url(img/template/checkbox_red.png) 0em no-repeat;}
.frame.frame_red h3 {background-image: url(img/template/frame_t_red.png);}
.frame.frame_red {background-image: url(img/template/frame_body_red.png);}
.frame.frame_red .f_bottom {background-image: url(img/template/frame_b_red.png);}
.frame.frame_red h3.tback,h3.tback.red {background-image: url(img/template/frame_tb_red.png);}
.pane2.pane2_red h3{background-image: url(img/template/frame_2pane_tb_red.png);}

#body h2.title_red {background: url(img/template/2col_title_bar_red.png) 0em bottom no-repeat;}
#body .frame.frame_red h3 {background-image: url(img/template/2col_frame_t_red.png);}
#body .frame.frame_red {background-image: url(img/template/2col_frame_body_red.png);}
#body .frame.frame_red .f_bottom {background-image: url(img/template/2col_frame_b_red.png);}
#body .frame.frame_red h3.tback,#body h3.tback.red {background-image: url(img/template/2col_frame_tb_red.png);}
#body .pane2.pane2_red h3{background-image: url(img/template/2col_frame_2pane_tb_red.png);}

/*################___parts orange___################*/
h2.title_orange {background: url(img/template/title_bar_orange.png) 0em bottom no-repeat;}
ul.list_orange li {background: url(img/template/checkbox_orange.png) 0em no-repeat;}
.frame.frame_orange h3 {background-image: url(img/template/frame_t_orange.png);}
.frame.frame_orange {background-image: url(img/template/frame_body_orange.png);}
.frame.frame_orange .f_bottom {background-image: url(img/template/frame_b_orange.png);}
.frame.frame_orange h3.tback,h3.tback.orange {background-image: url(img/template/frame_tb_orange.png);}
.pane2.pane2_orange h3{background-image: url(img/template/frame_2pane_tb_orange.png);}

#body h2.title_orange {background: url(img/template/2col_title_bar_orange.png) 0em bottom no-repeat;}
#body .frame.frame_orange h3 {background-image: url(img/template/2col_frame_t_orange.png);}
#body .frame.frame_orange {background-image: url(img/template/2col_frame_body_orange.png);}
#body .frame.frame_orange .f_bottom {background-image: url(img/template/2col_frame_b_orange.png);}
#body .frame.frame_orange h3.tback,#body h3.tback.orange {background-image: url(img/template/2col_frame_tb_orange.png);}
#body .pane2.pane2_orange h3{background-image: url(img/template/2col_frame_2pane_tb_orange.png);}

/*################___parts green___################*/
h2.title_green {background: url(img/template/title_bar_green.png) 0em bottom no-repeat;}
ul.list_green li {background: url(img/template/checkbox_green.png) 0em no-repeat;}
.frame.frame_green h3 {background-image: url(img/template/frame_t_green.png);}
.frame.frame_green {background-image: url(img/template/frame_body_green.png);}
.frame.frame_green .f_bottom {background-image: url(img/template/frame_b_green.png);}
.frame.frame_green h3.tback,h3.tback.green {background-image: url(img/template/frame_tb_green.png);}
.pane2.pane2_green h3{background-image: url(img/template/frame_2pane_tb_green.png);}

#body h2.title_green {background: url(img/template/2col_title_bar_green.png) 0em bottom no-repeat;}
#body .frame.frame_green h3 {background-image: url(img/template/2col_frame_t_green.png);}
#body .frame.frame_green {background-image: url(img/template/2col_frame_body_green.png);}
#body .frame.frame_green .f_bottom {background-image: url(img/template/2col_frame_b_green.png);}
#body .frame.frame_green h3.tback,#body h3.tback.green {background-image: url(img/template/2col_frame_tb_green.png);}
#body .pane2.pane2_green h3{background-image: url(img/template/2col_frame_2pane_tb_green.png);}

/*################___parts navy___################*/
h2.title_navy {background: url(img/template/title_bar_navy.png) 0em bottom no-repeat;}
ul.list_navy li {background: url(img/template/checkbox_navy.png) 0em no-repeat;}
.frame.frame_navy h3 {background-image: url(img/template/frame_t_navy.png);}
.frame.frame_navy {background-image: url(img/template/frame_body_navy.png);}
.frame.frame_navy .f_bottom {background-image: url(img/template/frame_b_navy.png);}
.frame.frame_navy h3.tback,h3.tback.navy {background-image: url(img/template/frame_tb_navy.png);}
.pane2.pane2_navy h3{background-image: url(img/template/frame_2pane_tb_navy.png);}

#body h2.title_navy {background: url(img/template/2col_title_bar_navy.png) 0em bottom no-repeat;}
#body .frame.frame_navy h3 {background-image: url(img/template/2col_frame_t_navy.png);}
#body .frame.frame_navy {background-image: url(img/template/2col_frame_body_navy.png);}
#body .frame.frame_navy .f_bottom {background-image: url(img/template/2col_frame_b_navy.png);}
#body .frame.frame_navy h3.tback,#body h3.tback.navy {background-image: url(img/template/2col_frame_tb_navy.png);}
#body .pane2.pane2_navy h3{background-image: url(img/template/2col_frame_2pane_tb_navy.png);}

/*################___parts blue___################*/
h2.title_blue {background: url(img/template/title_bar_blue.png) 0em bottom no-repeat;}
ul.list_blue li {background: url(img/template/checkbox_blue.png) 0em no-repeat;}
.frame.frame_blue h3 {background-image: url(img/template/frame_t_blue.png);}
.frame.frame_blue {background-image: url(img/template/frame_body_blue.png);}
.frame.frame_blue .f_bottom {background-image: url(img/template/frame_b_blue.png);}
.frame.frame_blue h3.tback,h3.tback.blue {background-image: url(img/template/frame_tb_blue.png);}
.pane2.pane2_blue h3{background-image: url(img/template/frame_2pane_tb_blue.png);}

#body h2.title_blue {background: url(img/template/2col_title_bar_blue.png) 0em bottom no-repeat;}
#body .frame.frame_blue h3 {background-image: url(img/template/2col_frame_t_blue.png);}
#body .frame.frame_blue {background-image: url(img/template/2col_frame_body_blue.png);}
#body .frame.frame_blue .f_bottom {background-image: url(img/template/2col_frame_b_blue.png);}
#body .frame.frame_blue h3.tback,#body h3.tback.blue {background-image: url(img/template/2col_frame_tb_blue.png);}
#body .pane2.pane2_blue h3{background-image: url(img/template/2col_frame_2pane_tb_blue.png);}

/*################___parts wine___################*/
h2.title_wine {background: url(img/template/title_bar_wine.png) 0em bottom no-repeat;}
ul.list_wine li {background: url(img/template/checkbox_wine.png) 0em no-repeat;}
.frame.frame_wine h3 {background-image: url(img/template/frame_t_wine.png);}
.frame.frame_wine {background-image: url(img/template/frame_body_wine.png);}
.frame.frame_wine .f_bottom {background-image: url(img/template/frame_b_wine.png);}
.frame.frame_wine h3.tback,h3.tback.wine {background-image: url(img/template/frame_tb_wine.png);}
.pane2.pane2_wine h3{background-image: url(img/template/frame_2pane_tb_wine.png);}

#body h2.title_wine {background: url(img/template/2col_title_bar_wine.png) 0em bottom no-repeat;}
#body .frame.frame_wine h3 {background-image: url(img/template/2col_frame_t_wine.png);}
#body .frame.frame_wine {background-image: url(img/template/2col_frame_body_wine.png);}
#body .frame.frame_wine .f_bottom {background-image: url(img/template/2col_frame_b_wine.png);}
#body .frame.frame_wine h3.tback,#body h3.tback.wine {background-image: url(img/template/2col_frame_tb_wine.png);}
#body .pane2.pane2_wine h3{background-image: url(img/template/2col_frame_2pane_tb_wine.png);}

/*################___parts gray___################*/
h2.title_gray {background: url(img/template/title_bar_gray.png) 0em bottom no-repeat;}
ul.list_gray li {background: url(img/template/checkbox_gray.png) 0em no-repeat;}
.frame.frame_gray h3 {background-image: url(img/template/frame_t_gray.png);}
.frame.frame_gray {background-image: url(img/template/frame_body_gray.png);}
.frame.frame_gray .f_bottom {background-image: url(img/template/frame_b_gray.png);}
.frame.frame_gray h3.tback,h3.tback.gray {background-image: url(img/template/frame_tb_gray.png);}
.pane2.pane2_gray h3{background-image: url(img/template/frame_2pane_tb_gray.png);}

#body h2.title_gray {background: url(img/template/2col_title_bar_gray.png) 0em bottom no-repeat;}
#body .frame.frame_gray h3 {background-image: url(img/template/2col_frame_t_gray.png);}
#body .frame.frame_gray {background-image: url(img/template/2col_frame_body_gray.png);}
#body .frame.frame_gray .f_bottom {background-image: url(img/template/2col_frame_b_gray.png);}
#body .frame.frame_gray h3.tback,#body h3.tback.gray {background-image: url(img/template/2col_frame_tb_gray.png);}
#body .pane2.pane2_gray h3{background-image: url(img/template/2col_frame_2pane_tb_gray.png);}