@charset "UTF-8";

/* CSS Document */

/* Reset */

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
	margin: 0;
	padding: 0;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.block {
	margin: 0;
	margin-left:25px;
	padding: 0;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}

/* body */

body {
	background: url(/assets/common/bg.gif) repeat-x left top;
	font-size:0.85em;
}


/* header */

#header {
	width: 822px;
	margin: 10px auto 0 auto;
	color:#135656;
}

.header_logo {
	height: 40px;
	padding :0 0 0 10px;
}

#header .float_right img {
	margin: 0 5px -2px 0;
}

#header .float_right {
	float:right;
	text-align:right;
	font-size:0.9em;
	line-height: 1.6em;
}

#header .float_right a:link {
	color:#FFF;
}
#header .float_right a:visited {
	color:#FFF;
}

#header .form_box {
	margin:-2px 0 0 0;
	width:350px;
}

#header .form_box form input.text_area {
	text-size:0.85em;
	height:14px;
}

#header .form_box form input.submitbuttom {
	text-size:0.85em;
	height:21px;
}

#header .header_menu {
	margin:15px 0 0 0;
}

/* wapper */

#wapper {
	width: 822px;
	margin: 10px auto 0 auto;
}

#wapper .topic_pass {
	font-size:0.9em;
	margin-bottom: 10px;
	padding-top: 5px;
}

#wapper .topic_pass a {
	color:#135656;
}

/* side menu */

#wapper #side_menu {
	font-size:0.85em;
	width:180px;
	float:left;
	line-height: 1.6em;
}

#wapper #side_menu ul li {
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}

#wapper #side_menu ul li img.sidelogo {
	margin-bottom: 15px;
	margin-left: 10px;
}
#wapper #side_menu ul li.menu_line {
	margin-top: -7px;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
}

#sub_menu {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

.text_menu {
	list-style:none;
	line-height: 1.2em;
	font-weight:bold; 
	font-size: 0.9em; 
}

.text_menu a:link {
	color:#135656;
}

.text_menu a:visited {
	color:#39600;
}

.text_menu a:hover {
	color: red;
	text-decoration: underline;
}

.text_menu a:active {
	color: lime 
}

/* contents */

.contents {
	width:630px;
	float:right;
}

#wapper .contents .center {
	text-align: center;
	margin: 0 0 15px 0 ;
}

#wapper .contents .clearfix .float_left {
	float: left;
}
#wapper .contents .clearfix .float_right {
	float: right;
}

.sub_title {
	margin-top: 15px;
}

.site_guide_sub_title {
	margin-top: 15px;
	background-repeat: no-repeat;
	background-image: url(/assets/common/sub_title_back.gif);
	color: #FFF;
	font-weight: bold;
	padding-left: 15px;
	height: 23px;
	padding-top: 5px;
}

#wapper .contents .text {
	padding: 5px;
	background-color:#e9e9e9;
	margin: 15px 0 15px 0;
	font-size:0.9em;
	line-height: 1.6em;
}

#wapper .contents .text a {
	text-decoration: underline;
}

#wapper .contents .products_area {
	width: 192px;
	padding: 5px;
	background-color: #E9E9E9;
	text-align: center;
	float: left;
	margin: 15px 11px 0px 0;
	font-weight:bold;
	font-size:0.8em;
}

#wapper .contents .products_area a {
	color: #135858;
	text-decoration: underline;
}

#wapper .contents .products_area img {
	margin: 20px 0 5px 0;
}


#wapper .contents .products_area2 {
	width: 192px;
	padding: 5px;
	background-color: #E9E9E9;
	text-align: center;
	float: left;
	margin: 15px 0 0px 0;
	font-weight:bold;
	font-size:0.8em;
}

#wapper .contents .products_area2 a {
	color: #135858;
	text-decoration: underline;
}

#wapper .contents .products_area2 img {
	margin: 20px 0 5px 0;
}


#rd_content {
	font-size:0.9em;
}

/* details */

#wapper .contents .text .package_title_link {
	color: #135858;
	font-size: 1.1em;
	font-weight: bold;
}

#wapper .contents .text .package_list_img tr td {
	padding:5px;
	margin:0px;
	font-size:0.9em
}

.line_height {
	line-height:1.5em;
}

.description {
	font-size:0.9em;
	line-height: 1.6em;
}

.add_to_cart {
	margin:15px 0 0 0;
}


.pager {
	margin-left:95px;
	}

.pager li{
	float:left;
	list-style:none;
}

.pager li a {
	float:left;
	list-style:none;
	width:24px;
	height:24px;
	padding:10px 0 0 0;
	margin:5px;
	border:solid 1px #a7b8ae;
	color: #a7b8ae;
	text-align:center;
	font-size:0.9em;
}

.pager li.pager_noborder a {
	border:none;
}


/* footer */

#footer {
	clear:both;
	text-align:center;
	font-size:0.9em;
	padding-bottom:20px;
}

.footer_link {
	padding-top:20px;
	color:#135656;
}

.footer_link a {
	color:#135656;
}

.footer_line {
	margin: 10px 0 10px 0;
	background:url(/assets/common/bg.gif) repeat-x top left;
	height:3px;
}

.footer_logo {
	vertical-align: middle;
}


/* common */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.red {
	color: #e00000;
}

.green {
	color:#135656;
}

.price {
	font-size:1.1em;
	font-weight:bold;
}

#btn a:hover img	{
        filter:alpha(opacity=80);
        opacity:0.8;
}


/* ===== FORM =========================== */

#form01 table	{
        width:100%;
        border-collapse:collapse;
        border-top:1px solid #D6D6D6;
        border-left:1px solid #D6D6D6;
        margin:0 0 10px;
}


#form01 table th,#form01 table td	{
        padding:10px;
        border-right:1px solid #D6D6D6;
        border-bottom:1px solid #D6D6D6;
}

#form01 table th	{
        font-weight:normal;
        background:#D8EFEA
}

#form01 table td	{
        text-align:left;
}

#form01 table th span	{
        color:#E70015;
}

#form01 table td.titleB	{
        background-color:#777777;
        font-weight:bold;
        color:#FFFFFF;
}

#form01 table td em	{
        font-size:12px;
        font-style:normal;
}

#form01 table td.rightP	{
        text-align:right;
}
#form01 table td.centerP	{
        text-align:center;
}
#form01 table td.leftP	{
        text-align:left;
}
#form01 .line0{
        background-color:#FFFFFF;
        color:#000000;
}
#form01 .line1{
        background-color:#F8F8F9;
        color:#000000;
}

dl.guidelist dt {
  clear: left;
  float: left;
  margin: 0 0 0 0;
  width: 2.5em;
  padding-left: 0;
  text-align:left;
}

dl.guidelist dd {
  margin-bottom: 0.2em;
  margin-left: 2.5em;
  margin-right: 0.3em;
}

.guidelist ul {
  margin-left:2px;
  margin-right:0;
}

.guidelist li {
  padding-left: 12px;
  background: url(/assets/common/dot_list.gif) no-repeat 3px 0.7em;
  list-style: none;
}

.scrollsell {
    color: #000066;
    font-size: 12px;
    height: 250px;
    overflow: auto;
    padding: 10px;
    text-align: left;
    width: 97%;
    line-height: 1.5;
    font-family: "メイリオ",meiryo,Arial,Helvetica !important;
    font-style: normal !important;
  margin: 0;
}

.scrollsell h3.ttl {
  font-size: 100%;
  background: url("/assets/common/bg_h3.gif") no-repeat scroll 0 0 transparent;
  clear: both;
  font-weight: bold;
  height: 40px;
  padding-left: 8px;
  padding-top: 10px;
  width: 542px;
  margin-left: 0;
  margin-right: 0;
}

.scrollsell h3.m20-t {
    margin-top: 20px !important;
}

.scrollsell p {
  line-height: 1.5;
  padding: 15px;
  margin: 0;
}

.scrollsell table.table-style {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:90%;
    margin: 10px 0;
    padding: 0;
    color: #000066;
}

.scrollsell table.table-style th, .scrollsell table.table-style td {
    border: 1px solid #AAAAAA;
    padding: 0.5em;
    vertical-align: top;
}

table.personal_information {
  border-collapse: collapse;
    border-left: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    margin: 0 0 10px;
    width: 100%;
    border-collapse: collapse;
}

table.personal_information th, table.personal_information td {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  padding: 10px;
}