@charset "utf-8";

/* {{{ default tags */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
color: #443135;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
img {
vertical-align:bottom;
}

label, button, input[type="submit"] { 
cursor:pointer;
}

body {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 13px;
line-height: 170%;
margin:0;
padding:0;
color: #443136;
background: #A6D459 url('../../img/body/bg.gif') no-repeat top center;
text-align: center;
}


/*--for IE6--*/
* html body {
font-size: 75%;
}
/*--for IE7--*/
*:first-child+html body {
font-size: 75%;
}
/* CSS Hack clearfix */
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix {
display:inline-block;
}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
.wrap {
width:930px;
margin-left:20px;
}

/* a 基本設定 */
a:link {
color: #567A18;
text-decoration: underline;
}
a:visited {
color: #567A18;
text-decoration: underline;
}
a:hover, 
a:active {
color: #000;
cursor: pointer;
text-decoration: none;
}

em {
    font-style: normal;
} 
strong {
font-weight: bold;
background: #ffff99;
}

/* ----------クリア ----------------*/
/* }}} default tags */
/* {{{ default */

.clear {
clear:both;
}

/* }}} default */
/* {{{ bar */

.bar_s_gray, 
.bar_s_brown, 
.bar_s_green, 
.bar_s_pink, 
.bar_s_blue {
display: block;
float: left;
height: 20px;
margin-right: 6px;
padding-right: 10px;
text-decoration: none;
font-size:12px;
font-weight:bold;
}

.bar_s_gray span, 
.bar_s_brown span, 
.bar_s_green span, 
.bar_s_pink span, 
.bar_s_blue span { 
display: block;
line-height: 20px;
padding: 0 0 0 12px;
color: #fff;
} 

.bar_s_gray { background: transparent url('/img/btn/bar_s_gray.gif') no-repeat scroll top right; }
.bar_s_gray span { background: transparent url('/img/btn/bar_s_gray.gif') no-repeat top left; } 


/* }}} bar */

/* {{{ frame */

body div.wrap {
clear: both;
width: 753px;
margin: 0 auto;
text-align: left;
}

/* }}} frame */
/* {{{ h */

body div#h {
position: relative;
margin-bottom: 10px;
} 

div#h ul {
float: right;
clear: right;
list-style: none;
margin: 0 10px 0 0;
} 
div#h ul li {
display: inline;
} 
div#h ul li a {
color: #fff;
font-size: 0.9em;
background: url('../../img/icon/small.gif') no-repeat;
background-position: 100% -4px;
padding: 0 20px 0 0;
outline: none;
} 

div#h h1 {
width: 300px;
margin: 5px 0 20px 10px;
padding-top: 15px;
} 
div#h h1 a {
outline: none;
} 

div#h div#h_trial {
position: absolute;
top: 60px;
right: 20px;
width: 180px;
height: 35px;
cursor: pointer;
/* background: #c30;
opacity: 0.3; */
} 
div#h div#h_case {
position: absolute;
top: 20px;
left: 210px;
width: 330px;
height: 75px;
cursor: pointer;
/* background: #c00;
opacity: 0.3; */
} 


/* }}} h */
/* {{{ nav */

body div#nav {
height: 40px;
background: url('../../img/nav/bg.gif') no-repeat;
margin-bottom: 5px;
} 
div#nav ul {
list-style: none;
border-left: 1px solid #c3c3c3;
line-height: 35px;
margin: 0 20px 0 20px;
padding-top: 1px;
height: 35px;
} 
div#nav ul li {
float: left;
width: 110px;
border-left: 1px solid #fff;
border-right: 1px solid #c3c3c3;
text-align: center;
} 
div#nav ul li a {
display: block;
width: 100%;
line-height: 35px;
text-align: center;
font-size: 0.99em;
color: #443136;
font-weight: bold;
} 
div#nav ul li a:hover, 
div#nav ul li a:active, 
div#nav ul li a.sel { 
background: url('../../img/nav/bg_sel.gif') repeat-x;
color: #fff;
text-decoration: none;
font-weight: bold;
} 

/* }}} nav */
/* {{{ c */

body div.c_top {
background: url('../../img/body/frame_contents_top.gif') no-repeat;
padding-top: 15px;
} 
body div.c {
background: url('../../img/body/frame_contents_middle.gif') repeat-y;
padding: 0 20px;
} 
body div.c_bottom {
background: url('../../img/body/frame_contents_bottom.gif') no-repeat;
height: 15px;
margin-bottom: 20px;
} 

body div.c h2 {
display: block;
margin: 0;
padding:0;
width: 710px;
height: 40px;
}
body div.c h2 span {
position: absolute;
top: -1000px;
left: -3000px;
} 

div.c h3 {
clear: both;
color: #443135;
font-size: 1.5em;
border-bottom: 1px solid #A58D94;
padding-top: 10px;
margin-bottom: 15px;
}
div.c h4 {
clear: both;
color: #443135;
font-size: 1.2em;
border-bottom: 1px solid #E7E0E2;
padding-top: 10px;
margin-bottom: 15px;
} 

div.c p {
color: #584E54;
padding-bottom: 20px;
} 
div.c p.center {
text-align: center;
} 

div.c a.link_r {
background: url('../../img/icon/small.gif') no-repeat;
background-position: 100% -502px;
padding: 0 20px 0 0;
} 

div.c .caution {
color: #c30;
}

/* }}} c */

/* {{{ catch */

body div#catch {
/* background: url('../../img/body/frame_catch_bg.gif') no-repeat; */
background: url('../../img/body/top_catch_bg.jpg') repeat-y;
padding: 15px 0 0 0;
} 
div#catch div.catch_contents {
clear: both;
margin: 0 20px;
height: 360px;
font-family: 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 1.0em;
} 
div#catch div.catch_contents h2 {
position: relative;
height: 40px;
} 
div#catch div.catch_contents div.catch_para {
height: 310px;
} 

div#catch div#catch_01 h2, 
div#catch div#catch_01 div.catch_para, 
div#catch div#catch_02 h2, 
div#catch div#catch_02 div.catch_para, 
div#catch div#catch_03 h2, 
div#catch div#catch_03 div.catch_para, 
div#catch div#catch_04 h2, 
div#catch div#catch_04 div.catch_para {
background: url('../../img/catch/sprite.gif') no-repeat;
}
div#catch div#catch_01 h2 { background-position: 0px 0px; }
div#catch div#catch_02 h2 { background-position: 0px -370px; }
div#catch div#catch_03 h2 { background-position: 0px -741px; }
div#catch div#catch_04 h2 { background-position: 0px -1111px; }

div#catch div#catch_01 h2 span, 
div#catch div#catch_01 div.description, 
div#catch div#catch_02 h2 span, 
div#catch div#catch_02 div.description, 
div#catch div#catch_03 h2 span, 
div#catch div#catch_03 div.description, 
div#catch div#catch_04 h2 span, 
div#catch div#catch_04 div.description {
display: block;
position: absolute;
top: -5000px;
left: -5000px;
} 

div#catch div#catch_01 h2 span#catch_01_caselink { 
top: 0;
left: 460px;
width: 245px;
height: 35px;
/*
background: #c00;
opacity: 0.5;
*/
} 
div#catch div#catch_01 div.catch_para {
background-position: 0px -46px;
position: relative;
} 
div#catch div#catch_01 p {
padding: 120px 0 0 575px;
line-height: 155%;
} 
div#catch div#catch_01 div#case_link { 
position: absolute;
width: 265px;
height: 110px;
top: 0;
right: 0;
/*
background: #c00;
opacity: 0.5; 
}*/
} 
div#catch div#catch_01 div#case_link ul li { 
line-height: 140%;
} 
div#catch div#catch_01 div#case_link ul li.pict { 
font-size: 0.8em;
margin: 0 0 5px 0;
color: #f90;
} 
div#catch div#catch_01 div#case_link ul li.title { 
font-size: 0.9em;
font-weight: bold;
} 

div#case_link div.case_contents { 
margin: 11px 20px 0 27px;
}
div#case_link div.case_contents img { 
border: 3px solid #ccc;
float: left;
clear: left;
margin: 0 10px 10px 0;
} 



div#catch div#catch_01 div#anime_demo, 
div#catch div#catch_01 div#catch_no_script {
/* swf_demo */
width: 400px;
height: 200px;
position: absolute;
top: 77px;
left: 23px;
color: #fff;
} 
div#catch div#catch_01 div#anime_demo {
z-index: 1000;
background: #000;
opacity: 0.8;
}
div#catch div#catch_01 div#catch_no_script {
z-index: 900;
background: #000;
opacity: 0.8;
} 
div#catch div#catch_01 div#anime_demo p, 
div#catch div#catch_01 div#catch_no_script p { 
text-align: center;
margin: 5px;
padding: 10px;
} 

div#catch div#catch_02 div.catch_para {
background-position: 0px -416px;
position: relative;
} 
div#catch div#catch_02 p {
padding: 20px 460px 0 0;
} 

div#catch div#catch_03 div.catch_para {
background-position: 0px -786px;
position: relative;
} 
div#catch div#catch_03 p {
padding: 10px 0 0 0;
} 
div#catch div#catch_03 ul {
font-size: 0.8em;
line-height: 140%;
padding-top: 150px;
} 

div#catch div#catch_04 div.catch_para {
background-position: 0px -1156px;
position: relative;
line-height: 140%;
} 
div#catch div#catch_04 p.case1 {
clear: both;
padding: 30px 0 0 225px;
height: 123px;
} 
div#catch div#catch_04 p.case2 {
clear: both;
/* padding: 52px 225px 0 0; */
padding: 30px 225px 0 0;
height: 123px;
} 

div#catch div.catch_space {
height: 30px; 
}
div#catch_bottom {
background: url('../../img/body/frame_contents_bottom.gif') no-repeat;
height: 15px;
margin-bottom: 5px;
}

/* }}} catch */
/* {{{ catch_tab */

body div#catch_tab {
display: none;
margin-top: 10px;
margin-bottom: 0px;
} 
div#catch_tab ul {
list-style: none;
height: 33px;
background: url('../../img/catch/tab_bg.gif') repeat-x;
margin-right: 1px;
} 
div#catch_tab li {
display: block;
float: left;
/* width: 187px; */
width: 249px;
height: 33px;
} 
div#catch_tab li span {
display: block;
/* width: 187px; */
width: 249px;
height: 33px;
cursor: pointer;
background: url('../../img/catch/tab.gif') no-repeat;
} 

div#catch_tab li#catch_tab_01, 
div#catch_tab li#catch_tab_02, 
div#catch_tab li#catch_tab_03 {
margin-right: 2px;
} 
div#catch_tab li#catch_tab_02 {
margin-right: 3px;
}
div#catch_tab li#catch_tab_03 {
margin-right: 0px;
} 
div#catch_tab li#catch_tab_01 span {
background-position: -771px 0;
} 
div#catch_tab li#catch_tab_01 span.over {
background-position: 0 0;
} 
div#catch_tab li#catch_tab_02 span {
background-position: -1023px 0;
} 
div#catch_tab li#catch_tab_02 span.over {
background-position: -252px 0;
} 
div#catch_tab li#catch_tab_03 span {
background-position: -1275px 0;
} 
div#catch_tab li#catch_tab_03 span.over {
background-position: -504px 0;
} 
div#catch_tab li#catch_tab_04 span {
background-position: -1335px 0;
} 
div#catch_tab li#catch_tab_04 span.over {
background-position: -564px 0;
} 

/* }}} catch_tab */
/* {{{ catch_arrow */

body div#catch_arrow {
margin-bottom: 10px;
text-align: center;
} 
div#catch_arrow h3 {
background: url('../../img/top/sprite.gif') no-repeat;
background-position: 50% -553px;
height: 40px;
} 
div#catch_arrow h3 span {
display: block;
position: absolute;
top: -5000px;
left: -5000px;
} 

/* }}} catch_arrow */

/* {{{ f */

body div#f_top {
background: url('../../img/body/frame_footer_top.gif') no-repeat;
padding-top: 15px;
} 
body div#f {
background: url('../../img/body/frame_footer_middle.gif') repeat-y;
padding: 0 20px;
/* color: #fff; */
color: #446213;
font-size: 0.9em;
} 

div#f ul.f_menu {
list-style: none;
}
div#f ul.f_menu li {
display: inline;
} 
div#f ul.f_menu li a {
/* color: #fff; -pattern before- */
color: #446213;
background: url('../../img/icon/small.gif') no-repeat;
/* background-position: 100% -4px; -pattern before-*/
background-position: 100% -1104px;
padding: 0 25px 0 0;
outline: none;
} 

div#f h4 {
font-size: 1.7em;
font-weight: bold;
/* color: #fff; */
color: #446213;
margin-top: 40px;
margin-bottom: 10px;
} 
div#f h4 a {
/* color: #fff; */
color: #113300;
}
div#f ul.f_corp {
list-style: none;
width: 420px;
} 
div#f ul.f_corp li {
margin-right: 15px;
line-height: 200%;
} 
div#f ul.f_corp li span.tel { 
font-size: 1.5em;
font-weight: bold;
color: #cc3300;
}
div#f ul.f_corp li a {
/* color: #fff; */
color: #446213;
} 
div#f p.copyright {
font-size: 0.9em;
text-align: right;
padding-bottom: 20px;
} 
div#f p.copyright a {
/* color: #fff; */
color: #446213;
font-weight: bold;
} 

/* }}} c */
/* {{{ form */

body div.c div.form_mail, 
body div.c div.form {
margin: 10px 19px;
background: url('../../img/body/frame_form.gif') no-repeat top left;
padding-top: 15px;
} 
div.c div.form_mail form, 
div.c div.form form {
background: url('../../img/body/frame_form.gif') no-repeat bottom left;
padding: 0 15px 15px 15px;
} 

div.c form input, 
div.c form textarea {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

div.c form input, 
div.c form textarea {
font-size: 1.0em;
padding: 2px 5px;
} 
/*
div.c form input[type="text"], 
div.c form input[type="radio"], 
div.c form select,
div.c form textarea {
background: #f9f9f9;
}
div.c form input:focus, 
div.c form select:focus, 
div.c form textarea:focus {
background: #fff;
}
div.c form input.submit { 
}
*/
div.c form textarea, 
div.c form input.l { 
width: 380px;
} 
div.c form input.m { 
width: 240px;
} 
div.c form input.s { 
width: 120px;
} 

div.c form input#check_text, 
div.c form textarea#check_textarea {
visibility: hidden;
display: none;
} 

/* }}} form */

/* {{{ top and email form */

body div.c_top div#top {
} 

body div.c_top div#top p.center {
text-align: center;
padding-bottom: 50px;
} 

div.c div.form form {
padding-top: 60px;
padding-bottom: 50px;
} 
div.c div.form form dl {
margin: 0 60px;
} 
div.c div.form form dl dt {
float: left;
clear: left;
font-size: 1.4em;
font-weight: bold;
line-height: 40px;
} 
div.c div.form form dl dd {
margin: 0 0 0 140px;
line-height: 40px;
}
div.c div.form form dl dd.error {
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
color: #c30;
font-weight: bold;
} 

div.c div.form form dl dd input#form_email {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 1.5em;
width: 360px;
color: #666;
padding: 5px 10px;
} 
div.c div.form form dl dd input#form_submit {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
padding: 5px 10px;
} 

div#top ul.notice {
margin: 0 0 30px 0;
font-weight: bold;
}
div#top ul.notice li {
background: url('../../img/icon/small.gif') no-repeat;
background-position: -4px -403px;
padding: 0 0 0 18px;
} 

div#top p#top_trial_flow, 
div#top p#top_trial_period {
background: url('../../img/top/sprite.gif') no-repeat;
} 
div#top p#top_trial_flow {
background-position: 50% 0px;
height: 220px;
}
div#top p#top_trial_period {
background-position: 50% -255px;
height: 259px;
} 

div#top p#top_trial_flow span, 
div#top p#top_trial_period span {
display: block;
position: absolute;
top: -5000px;
left: -5000px;
} 

/* }}} top */
/* {{{ merit */

body div.c_top div#merit {
} 
div#merit h2 {
background: url('/img/title/merit.gif') no-repeat;
} 

body div.c_top div#merit p.button {
padding-bottom: 30px;
} 

div#merit div#merit_manager_01 {
background: url('../../img/merit/manager_01.gif') no-repeat top right;
background-position: 100% 30px;
padding: 0 300px 216px 0;
} 
div#merit div#merit_manager_02 {
background: url('../../img/merit/manager_02.gif') no-repeat top right;
padding: 25px 300px 0 0;
} 

div#merit div#merit_manager_03 {
background: url('../../img/merit/manager_03.gif') no-repeat top right;
background-position: 100% 15px;
padding: 0 300px 290px 0;
} 
div#merit div#merit_manager_04 {
background: url('../../img/merit/manager_04.gif') no-repeat top right;
padding: 25px 300px 0 0;
} 

div#merit div#merit_executive_01 {
background: url('../../img/merit/executive_01.gif') no-repeat top right;
padding: 0 300px 258px 0;
} 
div#merit div#merit_executive_02 {
background: url('../../img/merit/executive_02.gif') no-repeat top right;
padding: 25px 300px 10px 0;
}


div#merit div#merit_executive_03 {
background: url('../../img/merit/executive_03.gif') no-repeat top left;
padding: 10px 0 80px 370px;
} 
div#merit div#merit_executive_04 {
background: url('../../img/merit/executive_04.gif') no-repeat top right;
padding: 0 300px 202px 0;
} 
div#merit div#merit_executive_05 {
background: url('../../img/merit/executive_05.gif') no-repeat top right;
padding: 25px 300px 10px 0;
}

div#merit img.right {
float: right;
clear: right;
margin: 0 0 15px 15px;
} 
div#merit p.button {
clear: both;
} 


/* }}} merit */
/* {{{ functions */

body div.c_top div#functions {
} 
div#functions h2 {
background: url('/img/title/functions.gif') no-repeat;
} 
div#functions p img.right {
float: right;
margin: 5px 5px 15px 15px;
} 
div#functions p img.left {
float: left;
margin: 5px 15px 15px 5px;
} 
div#functions p.button {
clear: both;
} 

div#functions table.list {
border: 1px solid #ddd;
margin: 0 15px 30px 15px;
} 

div#functions table.list th, 
div#functions table.list td {
border-bottom: 1px dotted #ddd;
vertical-align: top;
padding: 5px 15px 5px 10px;
} 

div#functions table.list th {
font-size: 0.9em;
font-weight: bold;
width: 180px;
background: #f0f0f0 url('../../img/icon/small.gif') no-repeat;
background-position: 5px -997px;
padding-left: 30px;
} 
div#functions table.list th span.notice {
font-size: 0.85em;
font-weight: normal;
} 
div#functions table.list td {
font-size: 0.85em;
} 

/* env */
div#functions dl.env {
float: left;
width: 330px;
} 
div#functions dl.env dt {
width: 200px;
} 
div#functions dl.env dd {
clear: left;
margin-bottom: 15px;
font-size: 0.9em;
padding: 5px 10px;
} 
div#functions dl.env dd.caution {
font-size: 0.8em;
color: #888;
padding: 0px 10px;
margin-bottom: 0px;
background: url('../../img/icon/small.gif') no-repeat;
background-position: 0 -302px;
padding: 0 0 0 18px;
} 
div#functions dl.env dd img {
margin-right: 10px;
} 
div#functions dl.env dd ul {
font-size: 0.8em;
color: #888;
} 
div#functions dl.env dd ul li {
background: url('../../img/icon/small.gif') no-repeat;
background-position: -8px -402px;
padding: 0 0 0 8px;
}


/* }}} merit */
/* {{{ fee */

body div.c_top div#fee {
} 
div#fee h2 {
background: url('/img/title/fee.gif') no-repeat;
} 
div#fee p.center {
margin: 0;
padding: 0;
}
div#fee ul.caution {
font-size: 0.85em;
color: #666;
margin: 0 0 50px 0;
} 
div#fee ul.caution li {
background: url('../../img/icon/small.gif') no-repeat;
background-position: -4px -403px;
padding: 0 0 0 16px;
} 


/* }}} merit */
/* {{{ case */

body div.c_top div#case {
} 

div#case h2 {
background: url('/img/title/case.gif') no-repeat;
} 

div#case h3 a {
text-decoration: none;
} 

/*
div#case ul.topicpath {
margin: 15px 0;
}
div#case ul.topicpath li {
display: inline;
margin: 0 5px 0 0;
} 
*/

/* TOP */
div#case div.case_top { 
width: 100%;
clear: both;
padding-top: 28px;
padding-bottom: 20px;
} 
div#case div.case_top h3 { 
clear: both;
margin-right: 120px;
margin-bottom: 30px;
font-weight: bold;
} 
div#case div#case_top_food { 
background: url('/img/case/pict/pict_food.gif') no-repeat top right;
} 
div#case div#case_top_hotel { 
background: url('/img/case/pict/pict_hotel.gif') no-repeat top right;
} 
div#case div#case_top_callcenter { 
background: url('/img/case/pict/pict_callcenter.gif') no-repeat top right;
} 
div#case div#case_top_gas { 
background: url('/img/case/pict/pict_gas.gif') no-repeat top right;
} 
div#case div#case_top_themepark { 
background: url('/img/case/pict/pict_themepark.gif') no-repeat top right;
} 

div#case div#case_top_convenience { 
background: url('/img/case/pict/pict_convenience.gif') no-repeat top right;
} 
div#case div#case_top_entertainment { 
background: url('/img/case/pict/pict_entertainment.gif') no-repeat top right;
} 
div#case div#case_top_etc { 
background: url('/img/case/pict/pict_etc.gif') no-repeat top right;
} 

div#case div.case_top h4 { 
font-weight: bold;
} 
div#case div.case_top div.case_block { 
width: 335px;
padding: 0 20px 10px 0;
float: left;
} 
div#case div.case_top div.clear { 
clear: both;
} 
div#case div.case_top div.case_block img { 
float: left;
clear: left;
margin: 0 10px 0 0;
border: 5px solid #ddd;
} 
div#case div.case_top div.case_block dl { 
margin: 0 0 0 110px;
} 
div#case div.case_top div.case_block dl dt { 
font-size: 1.2em;
margin: 0 0 10px 0;
} 
div#case div.case_top div.case_block dl dd ul { 
list-style: square;
font-size: 0.9em;
margin: 0 0 0 15px;
} 

div#case div.case_top div.case_more { 
clear: both;
font-size: 1.1em;
font-weight: bold;
text-align: right;
}
div#case div.case_top div.case_more a { 
background: url('../../img/icon/small.gif') no-repeat;
background-position: 100% -500px;
padding: 0 20px 0 0;
}

/* LIST */
div#case_list {
margin-top: 20px;
}
div#case_list ul.detail {
list-style: square;
margin: 0 0 0 300px;
} 
div#case_list h3.shop_title {
border-bottom: 1px dotted #ccc;
} 

div#case_client p img.left, 
div#case_client p img.right, 
div#case_list p img.left, 
div#case_list p img.right {
border: 5px solid #ddd;
} 
div#case_client p img.right, 
div#case_list p img.right {
float: right;
margin: 5px 5px 15px 15px;
} 
div#case_client p img.left, 
div#case_list p img.left {
float: left;
margin: 5px 15px 15px 5px;
} 
div#case_client p.more, 
div#case_list p.more {
text-align: right;
font-size: 1.2em;
} 
div#case_client p.more a, 
div#case_list p.more a {
background: url('../../img/icon/small.gif') no-repeat;
background-position: 100% -500px;
padding: 0 20px 0 0;
} 
div#case_list p.return, 
div#case_list div.back {
clear: both;
text-align: center;
font-size: 1.2em;
} 
div#case_list p.return a, 
div#case_list div.back a {
background: url('../../img/icon/small.gif') no-repeat;
background-position: -3px -600px;
padding: 0 0 0 20px;
} 

/* CLIENT */
div#case_client {
margin-top: 20px;
}
div#case_client h3.title {
border: none;
margin: 0;
padding: 0;
text-align: center;
}

div#case_client .interview {
clear: both;
padding-top: 15px;
padding-bottom: 40px;
border-top: 1px dotted #ccc;
}
div#case_client .interview p.clear { 
clear: both;
} 
div#case_client .interview p.q { 
margin: 0 0 5px 0;
padding: 0;
} 
div#case_client .interview p.q span, 
div#case_client .interview dt.q {
font-weight: bold;
background: url('../../img/icon/small.gif') no-repeat;
background-position: -5px -700px;
padding: 0 0 5px 16px;
margin: 0;
} 
div#case_client .interview dd {
padding: 0 0 10px 0;
} 
div#case_client .interview img.right, 
div#case_client .interview dd.right {
float: right;
} 
div#case_client .interview img.right, 
div#case_client .interview dd.right img {
border: 5px solid #ddd;
margin: 5px 0px 15px 15px;
} 
div#case_client .interview img.left, 
div#case_client .interview dd.left {
float: left;
} 
div#case_client .interview img.left, 
div#case_client .interview dd.left img {
border: 5px solid #ddd;
margin: 5px 15px 15px 0px;
} 

div#case_client .interview p.a, 
div#case_client .interview dl.a {
padding: 0 0 10px 16px;
} 
div#case_client .interview p.a { 
margin-bottom: 10px;
} 
div#case_client .interview p.a span, 
div#case_client .interview dl.a dt {
font-weight: bold;
font-size: 1.1em;
background: url('../../img/icon/small.gif') no-repeat;
background-position: 100% -802px;
padding: 0 16px 0 0;
} 
div#case_client .interview dl.a dt {
float: left;
clear: left;
}

div#case_client ul.clientinfo {
border: 1px solid #e7e0e2;
margin-bottom: 20px;
padding: 15px 20px;
background: #eee;
}
div#case_client ul.clientinfo li.name {
font-size: 1.2em;
font-weight: bold;
} 
div#case_client p.comment {
margin-bottom: 30px;
padding: 10px 20px;
background: #eee;
} 

div#case_client div.prev,
div#case_client div.next {
width: 350px;
height: 130px;
} 
div#case_client div.prev {
float: left;
background: url('../../img/case/pict/button_prev.jpg') no-repeat;
}
div#case_client div.next {
float: right;
background: url('../../img/case/pict/button_next.jpg') no-repeat;
}
div#case_client div.prev img,
div#case_client div.next img {
float: left;
clear: left;
border: 5px solid #ddd;
}
div#case_client div.prev img {
margin: 15px 10px 0 35px;
} 
div#case_client div.next img {
margin: 15px 10px 0 15px;
} 
div#case_client div.prev ul {
margin: 20px 15px 0 0;
} 
div#case_client div.next ul {
margin: 20px 35px 0 0;
} 
div#case_client div.prev ul li, 
div#case_client div.next ul li {
font-size: 1.2em;
} 

div#case_client p.return {
clear: both;
text-align: center;
} 
div#case_client p.return a {
margin: 0 auto;
display: block;
background: #cc0 url('../../img/case/pict/button_return.jpg') no-repeat;
width: 250px;
height: 50px;
} 
div#case_client p.return a span {
display: block;
font-size: 1.3em;
padding: 15px 0 0 0;
}

div#case_client p.button {
clear: both;
} 



/* }}} case */
/* {{{ faq */

body div.c_top div#faq {
} 
div#faq h2 {
background: url('/img/title/faq.gif') no-repeat;
} 
div#faq ul.faq_list {
padding: 0 0 20px 0;
}
div#faq ul.faq_list li {
background: url('../../img/icon/small.gif') no-repeat;
background-position: -5px -901px;
padding: 0 0 0 16px;
margin-bottom: 3px;
}

div#faq dl.faq_answer {
} 
div#faq dl.faq_answer dt.q, 
div#faq dl.faq_answer dt.a {
background: url('../../img/icon/small.gif') no-repeat;
padding: 0 0 0 22px;
margin-bottom: 4px;
font-weight: bold;
} 
div#faq dl.faq_answer dt.q {
background-position: -2px -102px;
color: #547818;
font-size: 1.1em;
} 
div#faq dl.faq_answer dt.a {
background-position: -2px -202px;
} 
div#faq dl.faq_answer dd {
padding: 0 0 40px 22px;
} 


/* }}} faq */
/* {{{ privacypolicy */

body div.c_top div#privacypolicy {
} 
div#privacypolicy h2 {
background: url('/img/title/privacypolicy.gif') no-repeat;
} 

div#privacypolicy ul.signature {
text-align: right;
font-size: 0.85em;
line-height: 130%;
} 
div#privacypolicy ol {
list-style-type: decimal;
} 
div#privacypolicy ol.list {
padding: 10px 20px;
} 
div#privacypolicy ol.list li {
clear: both;
} 
div#privacypolicy ol.list li span.title {
border-bottom: 1px solid #E7E0E2;
display: block;
font-size: 1.1em;
font-weight: bold;
} 
div#privacypolicy ol.list li dl {
margin-bottom: 30px;
} 

div#privacypolicy ol.list li ol {
padding: 10px 40px 10px 40px;
font-size: 0.9em;
} 

div#privacypolicy ol.list li dl.info {
font-size: 0.9em;
padding: 10px 0 15px 0;
} 
div#privacypolicy ol.list li dl.info dt {
float: left;
background: #eee;
padding: 0 10px;
width: 70px;
line-height: 30px;
font-weight: bold;
} 
div#privacypolicy ol.list li dl.info dd {
line-height: 30px;
margin: 0 0 0 100px;
} 

/* }}} privacypolicy */
/* {{{ request_info */

body div.c_top div#request_info {
} 
div#request_info h2 {
background: url('/img/title/request_info.gif') no-repeat;
} 
div#request_info p.center {
text-align: center;
padding-bottom: 60px;
} 

div#request_info div.form {
margin-bottom: 35px;
} 
div#request_info div.form form {
padding: 15px 0px;
} 
div#request_info div.form form dl {
line-height: 40px;
} 
div#request_info div.form form dl dt {
float: left;
clear: left;
width: 150px; 
font-weight: bold;
font-size: 1.0em;
} 
div#request_info div.form form dl dt span.must {
color: #c30;
font-size: 0.8em;
font-weight: normal;
margin: 0 0 0 5px;
} 

div#request_info div.form form dl dd {
margin: 0 0 0 160px;
} 
div#request_info div.form form dl dd.error {
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
color: #c30;
font-weight: bold;
} 

div#request_info div.form form dl dd.notice {
font-size: 0.85em;
line-height: 130%;
margin-bottom: 5px;
} 
div#request_info div.form form input.submit {
padding: 5px 15px;
cursor: pointer;
} 

/* }}} request_info */
/* {{{ inquiry */

body div.c_top div#inquiry {
} 
div#inquiry h2 {
background: url('/img/title/inquiry.gif') no-repeat;
} 

div#inquiry p.center {
text-align: center;
padding-bottom: 60px;
} 

div#inquiry div.form {
margin-bottom: 35px;
} 
div#inquiry div.form form {
padding: 15px 0px;
} 
div#inquiry div.form form dl {
line-height: 40px;
} 
div#inquiry div.form form dl dt {
float: left;
clear: left;
width: 150px; 
font-weight: bold;
font-size: 1.0em;
} 
div#inquiry div.form form dl dt span.must {
color: #c30;
font-size: 0.8em;
font-weight: normal;
margin: 0 0 0 5px;
} 
div#inquiry div.form form dl dd {
margin: 0 0 0 160px;
} 
div#inquiry div.form form dl dd.error {
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
color: #c30;
font-weight: bold;
} 

div#inquiry div.form form dl dd.notice {
font-size: 0.85em;
line-height: 130%;
margin-bottom: 5px;
} 
div#inquiry div.form form input.submit {
padding: 5px 15px;
cursor: pointer;
} 


/* }}} inquiry */
/* {{{ regist */

body div.c_top div#regist {
} 

div#regist p.center {
text-align: center;
padding-bottom: 60px;
} 

div#regist div.form_mail {
margin-bottom: 35px;
} 
div#regist span.must { 
color: #c30;
font-size: 0.8em;
}
div#regist div.form form {
padding: 10px 25px;
} 
div#regist div.form_mail form {
padding: 25px 40px;
} 

div#regist div.form form dl {
margin: 0 20px;
padding: 0;
} 
div#regist div.form_mail form dl {
margin: 0 60px;
} 
div#regist div.form form dl dt, 
div#regist div.form_mail form dl dt {
float: left;
clear: left;
line-height: 40px;
font-weight: bold;
font-size: 1.0em;
}
div#regist div.form_mail form dl dt {
font-size: 1.4em;
} 
div#regist div.form form dl dd, 
div#regist div.form_mail form dl dd {
line-height: 40px;
}
div#regist div.form_mail form dl dd {
margin: 0 0 0 140px;
}
div#regist div.form form dl dd {
margin: 0 0 0 170px;
}

div#regist div.form form dl dd.notice {
line-height: 140%;
font-size: 0.9em;
padding-bottom: 15px;
} 
div#regist div.form_mail form dl dd.error, 
div#regist div.form_mail form p.error {
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
color: #c30;
font-weight: bold;
} 
div#regist div.form form dl dd.error label {
color: #333;
font-weight: normal;
} 
div#regist div.form form dl dd.error_msg { 
color: #c30;
line-height: 140%;
font-weight: bold;
} 

div#regist div.form_mail form dl dd input#form_email, 
div#regist div.form form dl dd input#form_email, 
div#regist div.form_mail form dl dd input#form_submit { 
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
div#regist div.form form dl dd input#form_email, 
div#regist div.form_mail form dl dd input#form_email {
font-size: 1.5em;
width: 360px;
color: #666;
padding: 5px 10px;
} 
div#regist div.form_mail form dl dd input#form_submit {
padding: 5px 10px;
} 

div#regist div.form_mail form textarea {
width: 580px;
height: 900px;
} 

div#regist div.form form dl dd.error, 
div#regist div.form_mail form dl dd.error {
padding-top: 5px;
padding-bottom: 5px;
line-height: 150%;
color: #c30;
font-weight: bold;
} 
div#regist div.form form dl dd.error {
padding: 5px 10px;
line-height: 120%;
color: #c30;
background: #fd7;
}

div#regist div.form_mail form dl dd.notice {
font-size: 0.85em;
line-height: 130%;
margin-bottom: 5px;
} 
div#regist div.form_mail form input.submit {
padding: 5px 15px;
cursor: pointer;
} 


/* }}} regist */
/* {{{ media */

body div.c_top div#media {
} 
div#media h2 {
background: url('/img/title/media.gif') no-repeat;
} 
div#media h4 span.date {
font-size: 0.8em;
margin-right: 10px;
color: #777;
} 
div#media p {
padding-bottom: 30px;
} 
div#media p.right {
    text-align: right;
} 
div#media p img.photo {
float: left;
clear: left;
margin: 0 20px 30px 5px;
} 

div#media p.button {
clear: both;
margin-top: 30px;
} 


/* }}} media */