@charset "utf-8";
/**
 * extend.css
 *
 * This file is part of the Palette Framework
 *
 * @author Kaoru Ishikura <ishikura@sakura-creative.com>
 * @copyright Copyright &copy; SAKURA Creative Inc.
 * @link http://www.sakura-creative.com/
 * @package Palette Framework
 * @version $Revision: 1.08 18:05 2010/01/30 $
 */

/* Table of Contents + -------------------------------- *//*


*//* ---------------------------------------------------- */

/* 0.core
========================================================= */
#contens #main h1 {
    min-height: 14px;
    height: 14px;
    padding-bottom: 11px;
}
img.blank {
    vertical-align: middle;
    margin: 0 2px;
}



#zoom dt {
    text-align: left;
}

#zoom dd ul {
    background:#a95;
    display: block;
    position: relative;
}
#zoom dd ul li {
    display: block;
    position: absolute;
	top: 0;
	right: 21px;
}
#zoom dd ul li.first-child {
	right: 42px;
}
#zoom dd ul li.last-child {
	right: 0;
}


/* 9.contact
========================================================= */
#contact #contents #main h1,
.contact #contents #main h1 {
	background-image: url(../../img/contact/contact_title.gif);
}
#contact #contents #side #sub_nav dd,
.contact #contents #side #sub_nav dd {
	background-image: url(../../img/contact/sub_nav_contact_bg.gif);
}
#contact #contents #main h2 {
    margin-bottom: 15px;
}
#contact #contents #main h3 {
	height: 21px;
	width: 610px;
	padding: 4px 0 0 15px;
	margin-bottom: 20px;
	background: url(../../img/common/skin/title_m2_bg.gif) no-repeat top left;
}
#contact #contents #main h3 span {
	padding-right: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc3333;
	background-color: #fff;
}
#contact #contents #main p {
    margin-bottom: 1.5em;
}
#contact #contents #main p.note {
    margin-bottom: 0;
    font-size: 0.9em;
    line-height: 1.2;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
#contact #contents #main span.note {
    font-size: 0.9em;
}
#contact #contents #main dl.note {
    border: #ccc solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f4f4f4;
    padding: 9px 10px 6px;
    margin-bottom: 25px;
}
#contact #contents #main dl.note dt {
    font-size: 1.2em;
    font-weight: bolder;
    margin-bottom: 1em;
}
#contact #contents #main dl.note dd ul {
    margin-left: 13px;
}
#contact #contents #main dl.note dd ul li {
    margin-bottom: 0.2em;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
#contact #contents #main dl.note dd .corp {
    text-align: right;
    margin-bottom: 0.1em;
}
#contact #contents #main p.btn a {
    display: block;
	background: #ccc no-repeat center center;
	/*overflow: hidden;
	text-indent: -9999px;*/
    margin: 40px auto;
}
#contact #contents #main #mail p.btn a {
    width: 300px;
    height: 60px;
}
#contact #contents #main #fax p.btn a {
    width: 300px;
    height: 60px;
}
#contact #contents #main table {
    width: 100%;
    margin-bottom: 25px;
}
#contact #contents #main table tr th,
#contact #contents #main table tr td {
    padding: 8px;
}
#contact #contents #main table tr th {
    vertical-align: top;
    text-align: right;
}
#contact #contents #main table tr th label {
    font-weight: bolder;
    line-height: 1.7;
}
#contact #contents #main table tr td {
    width: 490px;
    vertical-align: top;
}
#contact #contents #main table tr td p.note {
    margin: 0.5em 0 0;
}
#contact #contents #main table tr td strong.num {
    font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../../img/contact/contact_bg_tel.gif) no-repeat left center;
    display: block;
    line-height: 1.2;
    padding-left: 38px;
    min-height: 28px;
    height: auto !important;
    height: 28px;
}
#contact #contents #main #fax table tr td strong.num {
	background-image: url(../../img/contact/contact_bg_fax.gif);
}

/* 9.mailform
========================================================= */
#mailform #contents #main h2 {
    margin-bottom: 15px;
}
#mailform #contents #main p {
    margin-bottom: 1.5em;
}
#mailform #contents #main span.note {
    font-size: 0.9em;
}
#mailform #contents #main dl.note {
    border: #ccc solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f4f4f4;
    padding: 9px 10px 6px;
    margin-bottom: 25px;
}
#mailform #contents #main dl.note dt {
    font-size: 1.2em;
    font-weight: bolder;
    margin-bottom: 1em;
}
#mailform #contents #main dl.note dd ul {
    margin-left: 13px;
}
#mailform #contents #main dl.note dd ul li {
    margin-bottom: 0.2em;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
#mailform #contents #main dl.note dd .corp {
    text-align: right;
    margin-bottom: 0.1em;
}
#mailform #contents #main table {
    width: 100%;
    margin-bottom: 25px;
}
#mailform #contents #main table tr th,
#mailform #contents #main table tr td {
    padding: 8px;
}
#mailform #contents #main table tr th {
    vertical-align: top;
    text-align: right;
}
#mailform #contents #main table tr th label {
    font-weight: bolder;
    line-height: 1.7;
}
#mailform #contents #main table tr td {
    width: 434px;
    vertical-align: top;
}
#mailform #contents #main table tr td p.note {
    margin: 0.2em 0 0.5em;
    font-size: 0.9em;
    line-height: 1.2;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
#mailform #contents #main table tr td ul.error,
#mailform #contents #main table tr td dl.error {
    margin: 0.5em 0 0.2em;
    font-size: 0.9em;
}
#mailform #contents #main table tr td dl.error dt {
	font-weight: bolder;
}
#mailform #contents #main p.confirm,
#mailform #contents #main p.btn {
    font-size: 1.2em;
    text-align: center;
}
#mailform #contents #main p.confirm label {
	font-weight: bolder;
}
#mailform #contents #main p.confirm span.error {
    display: block;
    text-align: center:
    margin-top -1.5em 0 0;
	font-weight: bolder;
    color: #ff0000;
    font-size: 0.7em;
}
#mailform #contents #main p.btn input {
    width: 200px;
    height: 50px;
}
#mailform #contents #main span.require,
#mailform #contents #main ul.error li,
#mailform #contents #main dl.error ul li {
	font-weight: bolder;
    color: #ff0000;
    font-size: 0.9em;
}
#mailform #contents #main p.error {
    font-size: 0.9em;
	font-weight: bolder;
    color: #ff0000;
    border: #ccc solid 1px;
    background-color: #ffe4e4;
    padding: 15px 10px 12px 93px;
    margin-bottom: 1.5em;
	background: #f4f4f4 url(../../img/contact/contact_icon_note.gif) no-repeat 23px center;
    min-height: 35px;
    height: auto !important;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#mailform #contents #main p.back {
	padding-left: 20px;
	background: url(../../img/common/skin/arrow_whi_bgr.gif) no-repeat left 2px;
}

/* 9.sitemap
========================================================= */
#sitemap #contents #main .map {
    width: 625px;
    overflow: hidden;
}
#sitemap #contents #main ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#sitemap #contents #main ul {
	min-height: 1%;
	display: inline-table;
    margin-bottom: 15px;
    width: 645px;
}
/* Hides from MacIE5 \*/
* html #sitemap #contents #main ul { height: 1%;}
#sitemap #contents #main ul { display: block;}
/* end MacIE5 */
#sitemap #contents #main ul li {
    margin-right: 20px;
    width: 195px;
    float: left;
}
#sitemap #contents #main ul li span {
    display: block;
    height: auto !important;
	height: 25px;
    min-height: 25px;
	background: #ebebeb url(../../img/sitemap/sitemap_bg_ult_parent.gif) no-repeat left bottom;
    padding: 0 13px;
    margin-bottom: 15px;
}
#sitemap #contents #main ul li span a {
    line-height: 2;
    font-weight: bolder;
}
#sitemap #contents #main ul li ul {
    width: auto;
    border-left: #ccc solid 1px;
    border-top: #ccc solid 1px;
    padding: 2px 5px 2px 20px;
}
#sitemap #contents #main ul li ul li {
    width: auto;
    float: none;
    margin: 3px 0;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
* html #sitemap #contents #main ul li ul li {
    list-style-image: none;
}
*:first-child+html #sitemap #contents #main ul li ul li {
    list-style-image: none;
}
#sitemap #contents #main ul li ul li span {
    display: inline;
	height: auto;
    min-height: auto;
	background: none;
    padding: 0;
    margin-bottom: 0;
}
#sitemap #contents #main ul li ul li span a {
    line-height: 1.2;
    font-weight: normal;
}
#sitemap #contents #main ul li ul li ul {
    border: none;
    padding: 0;
}


/* 9.not-found
========================================================= */
#not-found #contents #main p {
    margin-bottom: 1.5em;
}
#not-found #contents #main p.note {
    margin-bottom: 0;
    font-size: 0.9em;
    line-height: 1.2;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
#not-found #contents #main dl#srh {
    border: #ccc solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f4f4f4;
    padding: 9px 10px 19px;
    margin: 45px 0 50px;
}
#not-found #contents #main dl#srh dt {
    font-size: 1.2em;
    font-weight: bolder;
    margin-bottom: 1em;
    text-align: center;
}
#not-found #contents #main dl#srh dd form {
    text-align: center;
}
#not-found #contents #main dl#srh dd form input.input {
    border:3px solid #CCCCCC;
    margin-right:-2px;
    padding:3px 1px !important;
    width:242px !important;
}
#not-found #contents #main .map {
    width: 625px;
    overflow: hidden;
}
#not-found #contents #main ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#not-found #contents #main ul {
	min-height: 1%;
	display: inline-table;
    margin-bottom: 15px;
    width: 645px;
}
/* Hides from MacIE5 \*/
* html #not-found #contents #main ul { height: 1%;}
#not-found #contents #main ul { display: block;}
/* end MacIE5 */
#not-found #contents #main ul li {
    margin-right: 20px;
/margin-right: 0;
/padding-right: 20px;
    width: 195px;
    float: left;
}
#not-found #contents #main ul li span {
    display: block;
    height: auto !important;
	height: 25px;
    min-height: 25px;
	background: #ebebeb url(../../img/error/error_bg_ult_parent.gif) no-repeat left bottom;
    padding: 0 13px;
    margin-bottom: 15px;
}
#not-found #contents #main ul li span a {
    line-height: 2;
    font-weight: bolder;
}
#not-found #contents #main ul li ul {
    width: auto;
    border-left: #ccc solid 1px;
    border-top: #ccc solid 1px;
    padding: 2px 5px 2px 20px;
}
#not-found #contents #main ul li ul li {
    width: auto;
    float: none;
    margin: 3px 0;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
* html #not-found #contents #main ul li ul li {
    list-style-image: none;
}
*:first-child+html #not-found #contents #main ul li ul li {
    list-style-image: none;
}
#not-found #contents #main ul li ul li span {
    display: inline;
	height: auto;
    min-height: auto;
	background: none;
    padding: 0;
    margin-bottom: 0;
}
#not-found #contents #main ul li ul li span a {
    line-height: 1.2;
    font-weight: normal;
}
#not-found #contents #main ul li ul li ul {
    border: none;
    padding: 0;
}



/* 9.not-found
========================================================= */
.news #contents #main .article hr {
    display: block;
}
.news #contents #main .article {
    line-height: 1.5;
}
.news #contents #main .article h2,
.news #contents #main .article h3,
.news #contents #main .article h4,
.news #contents #main .article h5,
.news #contents #main .article h6 {
	letter-spacing:2px;
    font-weight: bolder;
}
.news #contents #main .article ul li {
    line-height: 1.5;
    margin: 0 0 0.5em 20px;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
* html .news #contents #main .article ul li {
    list-style-image: none;
}
*:first-child+html .news #contents #main .article ul li {
    list-style-image: none;
}
.news #contents #main .article ol {
    padding-left: 18px;
}
* html .news #contents #main .article ol {
    padding-left: 24px;
}
*:first-child+html .news #contents #main .article ol {
    padding-left: 24px;
}
.news #contents #main .article ol li {
    line-height: 1.5;
    margin: 0 0 0.5em 18px;
    list-style: decimal outside;
}
.news #contents #main .article ol li {
    margin-left: 7px;
}
.news #contents #main .article ol ol li {
    list-style-type: upper-roman;
}
.news #contents #main .article ol ol ol li {
    list-style-type: lower-alpha;
}
.news #contents #main .article ol ol ol ol li {
    list-style-type: lower-greek;
}
.news #contents #main .article blockquote {
    padding: 6px 8px;
}
.news #contents #main .article table {
    margin-bottom: 8px;
}
.news #contents #main .article .imgleft,
.news #contents #main .article .imgright {
    padding: 7px;
    float: left;
    margin-right: 12px;
    clear: both;
    margin-bottom: 5px;
}
.news #contents #main .article .imgright {
    float: right;
    margin: 0 0 0 12px;
}
.news #contents #main .article .floatclear {
    clear: both;
}

/* 9.disclaimer
========================================================= */
#disclaimer #main ul li {
    margin-bottom: 1em;
    padding-left: 1.4em;
    text-indent: -1.4em;
}
#disclaimer #main p.date {
    margin-top: 1.5em;
    text-align: right;
}

/* 9.terms
========================================================= */
#terms #main h1 {
	background: url(../../img/terms/terms_title.gif) no-repeat bottom left;
}
#terms #contents #side #sub_nav dd {
	background: url(../../img/terms/sub_nav_terms_bg.gif) no-repeat left top;
    padding: 16px 0 0;
}
#terms #main p {
    margin-bottom: 1em;
}
#terms #main div {
    margin-top: 24px;
}
#terms #main div ul {
    margin-left: 1.3em;
}
#terms #main div ul li {
    margin-bottom: 1em;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
* html #terms #main div ul li {
    list-style-image: none;
}
*:first-child+html #terms #main div ul li {
    list-style-image: none;
}
#terms #main div ul.note {
    margin-left: 0;
}
#terms #main div ul.note li {
    font-size: 0.9em;
    line-height: 1.2;
    margin-bottom: 0.5em;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
#terms #main div table {
	table-layout: fixed;
    width: 625px;
}
#terms #main div table th {
    font-weight: bolder;
}
#terms #main div table td {
    padding: 5px 10px;
}
#terms #main div table td img {
    vertical-align: middle;
}
#terms #main div table td span {
    margin-left: 10px;
}
#terms #main ul.suppl {
    margin-top: 31px;
}
#terms #main ul.suppl li span {
    display: block;
    margin-left: 1em;
}

#terms #main div table.sample {
	margin-bottom:20px;
}

#terms #main div table.custom {
	width:590px;
	margin-bottom:10px;
	text-align:center;
}

#terms #main div table.sample td.bnr,
#terms #main div table.custom td {
	padding: 10px 10px 5px 10px;
}

#terms #main div ul li ul {
	margin-top:0.5em;
}

#terms #main div ul li ul li {
	list-style:circle;
}

#terms #main div ul li ul li p strong{
	display:block;
	margin-top:10px;
}

/* 9.recruit
========================================================= */
#recruit #contents #main p {
    margin-bottom: 1.5em;
}

/* 9.recruit
========================================================= */
.recruit #contents #main h2 {
    margin-bottom: 15px;
}
.recruit #contents #main p {
    margin-bottom: 1.5em;
}
.recruit #contents #main span.note {
    font-size: 0.9em;
}
.recruit #contents #main dl.note {
    border: #ccc solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f4f4f4;
    padding: 9px 10px 6px;
    margin-bottom: 25px;
}
.recruit #contents #main dl.note dt {
    font-size: 1.2em;
    font-weight: bolder;
    margin-bottom: 1em;
}
.recruit #contents #main dl.note dd ul {
    margin-left: 13px;
}
.recruit #contents #main dl.note dd ul li {
    margin-bottom: 0.2em;
    list-style: square url(../../img/common/other/icon_square.gif) outside;
}
.recruit #contents #main dl.note dd .corp {
    text-align: right;
    margin-bottom: 0.1em;
}
.recruit #contents #main table {
    width: 100%;
    margin-bottom: 25px;
}
.recruit #contents #main table tr th,
.recruit #contents #main table tr td {
    padding: 8px;
}
.recruit #contents #main table tr th {
    vertical-align: top;
    text-align: right;
}
.recruit #contents #main table tr th label {
    font-weight: bolder;
    line-height: 1.7;
}
.recruit #contents #main table tr td {
    width: 434px;
    vertical-align: top;
}
.recruit #contents #main table tr td p.note {
    margin: 0.2em 0 0.5em;
    font-size: 0.9em;
    line-height: 1.2;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.recruit #contents #main table tr td ul.error,
.recruit #contents #main table tr td dl.error {
    margin: 0.5em 0 0.2em;
    font-size: 0.9em;
}
.recruit #contents #main table tr td dl.error dt {
	font-weight: bolder;
}
.recruit #contents #main p.confirm,
.recruit #contents #main p.btn {
    font-size: 1.2em;
    text-align: center;
}
.recruit #contents #main p.confirm label {
	font-weight: bolder;
}
.recruit #contents #main p.confirm span.error {
    display: block;
    text-align: center:
    margin-top -1.5em 0 0;
	font-weight: bolder;
    color: #ff0000;
    font-size: 0.7em;
}
.recruit #contents #main p.btn input {
    width: 200px;
    height: 50px;
}
.recruit #contents #main span.require,
.recruit #contents #main ul.error li,
.recruit #contents #main dl.error ul li {
	font-weight: bolder;
    color: #ff0000;
    font-size: 0.9em;
}
.recruit #contents #main p.error {
    font-size: 0.9em;
	font-weight: bolder;
    color: #ff0000;
    border: #ccc solid 1px;
    background-color: #ffe4e4;
    padding: 15px 10px 12px 93px;
    margin-bottom: 1.5em;
	background: #f4f4f4 url(../../img/contact/contact_icon_note.gif) no-repeat 23px center;
    min-height: 35px;
    height: auto !important;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.recruit #contents #main p.back {
	padding-left: 20px;
	background: url(../../img/common/skin/arrow_whi_bgr.gif) no-repeat left 2px;
}

/* 19.category_company
========================================================= */
/*top*/
#company #site #contents #main .col2 {
	margin-bottom:25px;
	clear: both;
}
#company #site #contents #main .col2 h2 {
	width:389px;
	margin:0 0 20px;
	font-weight:bolder;
	height:auto !important;
	line-height:2;
	min-height:25px;
	padding:5px 13px 0;
	_padding:5px 13px 3px;
	clear: both;
}
#company #site #contents #main .col2 h2 a {
	color:#333;
	font-weight:bolder;
	text-decoration:underline;
}
#company #site #contents #main .col2 img {
	width:118px;
	height:118px;
	float:left;
	margin-right:15px;
}
#company #site #contents #main .col2 p {
	width:282px;
	float:right;
}
#company #site #contents #main .col2 .col2_l {
	width:415px;
	float:left;
}
#company #site #contents #main .col2 .col2_r {
	width:415px;
	float:right;
}
#company #site #contents #main .col2 .more {
	background:url("../../img/common/skin/arrow_whi_bgr.gif") no-repeat left 3px;
	padding-left:15px;
	text-align: right;
	width:auto;
}




/* --about_haru-- */
#about_haru #main p {
	margin-bottom: 1em;
}
#about_haru #main p.lead {
	margin: 1em 25px;
}
#about_haru #main p img {
	margin: 1em 0;
}
#about_haru #main p.clear img {
	margin-left: 80px;
	margin-top: 10px;
}
#about_haru #site #contents #main table {
	width: 100%;
}
#about_haru #site #contents #main dt {  
	float: left;  
	width: 13em;  
	padding-left: 1em;
	clear: both;  
}  
#about_haru #site #contents #main dd {  
margin-left: 14em;  
padding-left: 1em;
}
/* --top_message-- */
#top_message #site #contents  #main p {
    text-align: center;
}

/* 20.haru_frog2
========================================================= */
#site #contents #main .frog_cmt {
    position: relative;
    height: 106px;
    margin: 18px 0 -5px;
	background: url("/assets/templates/haru/img/common/other/haru_frog_bg2.jpg") no-repeat center center;
}

#site #contents #main .frog_cmt table {
    position: absolute;
    border: none;
}

#site #contents #main .frog_cmt table.cmt_left {
    top: 14px;
    left: 116px;
    width: 220px;
    height: 80px;
}
#site #contents #main .frog_cmt table.cmt_right {
    top: 22px;
    right: 111px;
    width: 150px;
    height: 64px;
}
#site #contents #main .frog_cmt table td {
    border: none;
	background: none;
    padding: 0;
    line-height: 1.5;
    overflow: none;
	text-align: center;
	color:#fff;
	vertical-align: middle;
}
#site #contents #main .frog_cmt table td span {
    display: block;
    line-height: 1.5;
}
#site #contents #main .frog_cmt table td b {
    font-size: 1.4em;
    line-height: 1.5;
}

#site #contents #main .frog_cmt table td a {
    line-height: 1.5;
}
/* --font size-- */
.inc_font #contents #main .frog_cmt table td {
    font-size: 0.9em;
}


/* 9.font size
========================================================= */
.inc_font #contents #main {
    font-size: 1.4em;
}
.dec_font #contents #main {
    font-size: 0.8em;
}