body {
    font-size: 13px;
    color: #333333;
}

/**************************************************
 * ヘッダー
 **************************************************/
.header {
    width: 990px;
    margin: 0 auto;
}
.header-wrapper {
    background: url(/common/img/header_bg.png) repeat-x;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ff6a73;
}
.header .shoulder {
    text-align: right;
    font-weight: normal;
    font-size: 11px;
    color: #666666;
}
.one-header {
    border-bottom: 0px;
}
.one-header .header {
    width: 830px;
    margin: 0 auto;
}
.hd_logo {
    float: left;
    width: 540px;
}
.hd_bnr {
    float: right;
    width: 395px;
    padding-top: 15px;
}


/**************************************************
 * コンテナ
 **************************************************/
.container-wrapper {
    background: url(/common/img/container_bg.png) repeat-x;
    padding-top: 3px;
    margin-bottom: 20px;
}
.container {
    width: 990px;
    margin: 0 auto;
}
.content-wrapper {
    width: 990px;
    float: left;
}
.contents {
    width: 754px;
    float: left;
}

.side-wrapper {
    width: 217px;
    float: right;
}
.container-one {
    background: none;
    padding-top: 3px;
    margin-bottom: 20px;
}
.container-one .container {
    width: 830px;
    margin: 0 auto;
}

/**************************************************
 * グローバルナビ
 **************************************************/
.gnavi {
    margin-bottom: 15px;
}
.gnavi li {
    float: left;
}

/**************************************************
 * スライド
 **************************************************/
.slide {
    margin-bottom: 30px;
}
.slide-head {
    margin-bottom: 10px;
}
.slide-lft {
    float: left;
}
.slide-rht {
    float: right;
    width: 280px;
    height: 320px;
    padding: 20px 0;
}
.slide-rht img {
    width:280px;
    height:300px;
}
.slide-list li {
    float: left;
    margin-right: 6px;
}
.slide-list li.last {
    float: right;
    margin-right: 0px;
}
.slide-list img {
    width:240px;
    height:120px;
}

/**************************************************
 * トップページ - ボックス
 **************************************************/
.top-box {
    margin-bottom: 15px;
}
.top-box .inner.red-box {
    border: 1px solid #C60000;
    border-top: 0px;
    padding: 15px 20px;
}
.top-box .inner.red-box li {
    margin-bottom: 2px;
}

/**************************************************
 * トップページ - ピックアップ
 **************************************************/
.top-pickup .ttl {
    background: url(/common/img/top/ttl_bg.png) left bottom no-repeat;
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/**************************************************
 * トップページ - お知らせ
 **************************************************/
 details.information{
	border : solid 1px red ;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

details.information summary{
	font-size:15px;
	font-weight: bold;
	color : red;
}

details.information p{
	font-size:13px;
}

div.information{
	border : solid 3px red ;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

div.information h2{
	font-size: 25px;
    text-align: center;
	font-weight: bold;
}

div.information p{
	font-size:18px;
}


/**************************************************
 * トップページ - プライスダウン
 **************************************************/
.top-pickup.pricedown {
    margin-bottom: 30px;
}
.top-pickup.pricedown .pd-head img {
    float: left;
}
.top-pickup.pricedown .pd-ttl {
    margin-left: 50px;
    font-size: 12px;
    line-height: 1.4;
}
.top-pickup.pricedown .pd-ttl span {
    font-size: 18px;
    font-weight: bold;
}
.top-pickup.pricedown .pd-food .pd-ttl span {
    color: #d46155;
}
.top-pickup.pricedown .pd-play .pd-ttl span {
    color: #e6743c;
}
.top-pickup.pricedown .pd-trip .pd-ttl span {
    color: #1893db;
}
.top-pickup.pricedown li {
    float: left;
    width: 241px;
    margin-right: 15px;
}
.top-pickup.pricedown li.last {
    float: right;
    margin-right: 0px;
}
.top-pickup.pricedown li .pd-head {
    margin-bottom: 5px;
}
.top-pickup.pricedown li .pd-body {
    border: 1px solid #ccc;
}
.top-pickup.pricedown li .pd-desc {
    padding: 10px 8px 0px;
    font-size: 11px;
}
.top-pickup.pricedown li .pd-img2 {
    text-align: center;
    padding: 10px;
}
.top-pickup.pricedown .pd-foot {
    margin: 1px;
    padding: 10px;
    text-align: center;
}
.top-pickup.pricedown .pd-food .pd-foot {
    background: #fdc2bb;
}
.top-pickup.pricedown .pd-play .pd-foot {
    background: #f8c4a8;
}
.top-pickup.pricedown .pd-trip .pd-foot {
    background: #b3d9f4;
}


/**************************************************
 * トップページ - おすすめメニュー（一例）
 **************************************************/
.top-pickup.recommend {
    margin-bottom: 30px;
}
.top-pickup.recommend li {
    width: 243px;
    float: left;
    margin-right: 12px;
}
.top-pickup.recommend li.last {
    float: right;
    margin-right: 0px;
}
.top-pickup.recommend .rc-ttl {
    color: #fff;
    padding: 2px 8px;
}
.top-pickup.recommend .rc-body {
    padding: 8px 12px;
}
.top-pickup.recommend .rc-trip .rc-ttl {
    background: url(/common/img/top/rc_trip_ttl_bg.png) repeat-x;
}
.top-pickup.recommend .rc-enter .rc-ttl {
    background: url(/common/img/top/rc_enter_ttl_bg.png) repeat-x;
}
.top-pickup.recommend .rc-beauty .rc-ttl {
    background: url(/common/img/top/rc_beauty_ttl_bg.png) repeat-x;
}
.top-pickup.recommend .rc-trip .rc-body {
    border: 1px solid #1892db;
}
.top-pickup.recommend .rc-enter .rc-body {
    border: 1px solid #e87d42;
}
.top-pickup.recommend .rc-beauty .rc-body {
    border: 1px solid #6644a4;
}

/**************************************************
 * トップページ - 楽しい企画もたくさん
 **************************************************/
.top-pickup.plan {
    margin-bottom: 30px;
}
.top-pickup.plan ul {
    padding: 15px 5px;
}
.top-pickup.plan li {
    width: 180px;
    float: left;
    margin-right: 8px;
    font-size: 12px;
    line-height: 1.4;
}
.top-pickup.plan li.last {
    float: right;
    margin-right: 0px;
}
.top-pickup.plan li img {
    margin-bottom: 3px;
}

/**************************************************
 * トップページ - 個人賠償責任の自動付帯
 **************************************************/
.top-box.hoshou {
    margin-bottom: 15px;
}
.top-box .inner.blue-box {
    border: 1px solid #1892db;
    border-top: 0px;
    padding: 15px 17px;
    color: #666;
    font-size: 12px;
}
.top-box.hoshou .by-desc {
    margin-bottom: 10px;    
}
.top-box.hoshou h3.ttl {
    padding-top: 15px;
    background: url(/common/img/top/ttl_bg.png) left bottom no-repeat;
    overfloaw: hidden;
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.top-box.hoshou .by-menu {
    margin-bottom: 10px;
}
.top-box.hoshou .by-menu li {
    float: left;
    margin-right: 12px;
}
.top-box.hoshou .by-menu li.last {
    float: right;
    margin-right: 0px;
}
.top-box.hoshou .by-foot {
    text-align: right;
}

/**************************************************
 * トップページ - 使えば使うほどお得
 **************************************************/
.top-box.point {
    margin-bottom: 15px;
}
.top-box .inner.orange-box {
    border: 1px solid #f38d33;
    border-top: 0px;
    padding: 15px 17px;
    color: #666;
    font-size: 12px;
}
.top-box.point .p-desc {
    margin-top: 10px;    
    margin-bottom: 10px;    
}


/**************************************************
 * トップへ
 **************************************************/
.to-top {
    text-align: right; 
}

/**************************************************
 * コンテンツ共通
 **************************************************/
.common-banner {
    margin-bottom: 15px;
}
.common-box {
    margin-bottom: 30px;
}    
.common-box .ttl {
    background: url(/common/img/top/ttl_bg.png) left bottom no-repeat;
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.common-box .sub-ttl{
    color: #f02f61;
    font-weight: bold;
}
/**************************************************
 * お申し込みの流れ
 **************************************************/
.flow-register ul {
    padding-left: 15px;
}
.flow-register li {
    list-style: circle;
}
.flow-price dt {
    color: #f02f61;
    font-weight: bold;
}
.flow-price dd {
    margin-bottom: 20px;
}

/**************************************************
 * サービスについて
 **************************************************/
.common-box.qa-top .ttl {
    background: none;
    margin-bottom: 5px;
}
.qa1 {
    width: 49%;
    float: left;
}
.qa2 {
    width: 49%;
    float: right;
}
.qa1>ul>li, .qa2>ul>li {
    border-left: 5px solid #ffcc8f;
    padding: 2px 10px;
    margin-bottom: 4px;
    background: #fff1d3;
    font-size: 12px;
}
.qa2>ul>li>ul {
    padding-left: 15px;
}
.qa2>ul>li>ul>li {
    list-style: circle;
    margin-bottom: 3px;
}
.qa2 .sub {
    margin-top: 3px;
}
.qa-top li a {
    color: #666666;
    text-decoration: none;
}
.qa-box .ttl {
    background: url(/common/img/qa/ttl_bg.png) left bottom no-repeat;
}
.qa-column .q {
    background: url(/common/img/qa/qa_q.png) no-repeat;
}
.qa-column .q {
    padding: 5px 55px 15px;
    background-position: 5px 0px;
    font-size: 16px;
    color: #444444;
    margin-bottom: 5px;
}
.qa-column .a {
    background: url(/common/img/qa/qa_a.png) no-repeat #fff1d3;
    background-position: 5px 5px;
    padding: 10px 55px 10px;
    min-height: 35px;
}

/**************************************************
 * 特定商取引
 **************************************************/
.common-box.tokutei-top {
    margin-bottom: 0px;
}
.common-box.tokutei-top .ttl {
    background: none;
    margin-bottom: 5px;
}
.common-table table{
    width: 100%;
}
.common-table th{
    background: #E8F8FF;
    border: 1px solid #0091DE;
    padding: 5px 20px;
    color: #0049AA;
    text-align: left;
    border-right: 0px;
    vertical-align: top;
} 
.common-table td{
    background: #FFFFFF;
    border: 1px solid #0091DE;
    padding: 5px 20px;
    color: #333333;
    text-align: left;
    border-left: 0px;
} 

/**************************************************
 * 個人賠償
 **************************************************/
.common-box.hoshou-top {
    margin-bottom: 0px;
}
.common-box.hoshou-top .ttl {
    background: none;
    margin-bottom: 5px;
}
.hoshou-column {
    margin-bottom: 30px;
}
.hoshou-notice-blue {
    padding: 15px;
    background: #ebf8ff;
    font-size: 12px;
    margin: 10px 0;
}
.hoshou-notice-blue2 {
    padding: 15px;
    background: #FFFFFF;
    font-size: 12px;
    margin: 10px 0;
    border: 1px solid #1793da;
}
.hoshou-notice {
    padding: 10px 20px;
    padding-bottom: 0px;
}
.hoshou-column .notice {
    font-size: 10px;
}
.hoshou-column table{
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
}
.hoshou-column th {
    background: #ebf8ff;
    border: 1px solid #1793da;
    padding: 7px 20px;
    text-align: left;
    color: #575757;
}
.hoshou-column td {
    vertical-align: top;
    border: 1px solid #1793da;
    padding: 7px 20px;
    color: #575757;
}
.hoshou-column td.y {
    background: #fffcc6;
    color: #407cad;
    font-weight: bold;
}
.hoshou-column td.dash {
    padding: 0px;
}
.hoshou-column td.dash p {
    padding: 7px 20px;
    border-bottom: 1px dotted #666666;
}
.hoshou-column td.dash p.last {
    border-bottom: 0px;
}
.hoshou-left {
    width: 400px;
    float: left;
}
.hoshou-right {
    width: 300px;
    float: right;
}
.hoshou-detail {
    text-align: right;
}

/**************************************************
 * お申し込み - kiyaku
 **************************************************/
.common-box.kiyaku .kiyaku-box {
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 10px;
    font-family:inherit;
    height: 513px;
    overflow: scroll;
}
.common-box .kiyaku-doui {
    background: #fffcb5;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.common-box .kiyaku-btn {
    text-align: center; 
}
.register h3 {
    border-left: 4px solid #a4d200;
    padding-left: 15px;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;
}
.register-btn {
    text-align: center;
    margin-bottom: 80px;
}
.register-form {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;
}
.register-form table{
    width: 100%;
}
.register-form td, .register-form th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    vertical-align: top;
}
.register-form th {
    font-weight: normal;
}
.register-form input[type="text"], .register-form select {
    border: 1px solid #579f21;
    padding: 2px;
}
.register-form .notice {
    font-size: 11px;
    color: #777;
}
.register-thanks {
    margin-top: 10px;
    text-align: left;
    margin-bottom: 20px;
    padding: 0px 20px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-bottom: 40px;
}
.register-thanks .desc {
    padding-left: 5px;
    margin-bottom: 20px;
}
.register-thanks table{
    width: 480px;
}
.register-thanks td, .register-thanks th {
    border: 1px solid #83c255;
    vertical-align: top;
    text-align: center;
    color: #356f0a;
}
.register-thanks th {
    padding: 0px;
    border-bottom: 0px;
    background: #dcefc6;
}
.register-thanks td {
    padding: 10px;
    border-top: 0px;
    background: #fffcb5;
}
.register-thanks p {
    padding: 10px;
    border: 1px solid #fff;
    height: 100%;
    width: 218;
}
.r-color, .notice.r-color {
    color: #579f21;
}
.r-notice {
    color: #356f0b;
    font-size: 12px;
}
.input-top {
    margin-bottom: 8px;
}

.credit-box {
    background: #ebf5dd;
    padding: 15px;
    margin-bottom: 25px;
}
.tbl-price, .tbl-credit {
    border: 1px solid #589e21;
}
.tbl-price th, .tbl-credit th {
    background: #c4e59e;
    border: 1px solid #589e21;
    padding: 5px;
}
.tbl-price td, .tbl-credit td {
    background: #ffffff;
    border: 1px solid #589e21;
    padding: 5px;
}
.tbl-credit td {
    padding: 10px;
    color: #09434f;
}
.tbl-price .last td, .tbl-credit .last td {
    background: #fff;
    color: #d40001;
    background: #fffcb5;
}
.tbl-price td.right, .tbl-credit td.right {
    text-align: right;
}
.credit-box .credit-notice {
    color: #316f0a;
    margin-bottom: 15px;
}
.tbl-credit .form-credit {
    border: 1px dotted #cccccc;
    padding: 15px;
    margin-top: 15px;    
    margin-bottom: 0px;    
}
td.tbl-credit-check {
    border-right: 0px;
    background: #fffcb5;
}
td.tbl-credit-text {
    border-left: 0px;
}
.credit-box div {
    margin-bottom: 15px;
}
.credit-box div.last {
    margin-bottom: 0px;
}
.credit-doui {
    background: #fffcb5;
    padding: 10px 20px;
    margin-bottom: 30px;
    border: none;
}
.register-confirm {
    margin-bottom: 60px;
}
.register-confirm-msg {
    color: #d50002;
    margin-bottom: 15px;
}
h3.confirm-ttl {
    padding-left: 10px;
}
h3.confirm-ttl img {
    position: relative;
    top: -2px;
}
.register-form.register-confirm td {
    background: #ebf5dd;
    padding-left: 60px;
}

.thanks-msg {
    font-size: 18px;
    font-weight: bold;
}
.register-thanks .arw {
    background: url(../img/register/icn-arw.jpg) no-repeat;
    padding-left: 8px;
    background-position: 0 4px;
}


a.sub-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b5b5b5 0%, #909090 100%) repeat scroll 0 0;
    color: #ffffff;
	text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 7px;
    text-align: center;
}
a.red-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FB5A52 0%, #DC0902 100%) repeat scroll 0 0;
    color: #ffffff;
}


/**************************************************
 * 利用規約
 **************************************************/
.agreement p {
    margin-bottom: 20px;
}
.agreement ul, .agreement ol {
    margin-bottom: 20px;
    padding-left: 20px;
}
.agreement ol ul, .agreement ol ol {
    padding-left: 0px;
}
.agreement ul li, .agreement ol li {
    margin-bottom: 5px;
}
.agreement>.premiumplus>ol>li, .agreement>.benefit-station>ol>li, .agreement>.gpoint>ol>li {
    list-style-type: decimal;
}
.benefit-station, .premiumplus, .gpoint {
    margin-bottom: 60px;
}

/**************************************************
 * プライバシーポリシー
 **************************************************/
.privacy p {
    margin-bottom: 20px;
}
.privacy>ul, .privacy ol {
    margin-bottom: 20px;
    padding-left: 20px;
}
.privacy ol ul, .privacy ol ol {
    padding-left: 0px;
}
.privacy ul li, .privacy ol li {
    margin-bottom: 5px;
}
.privacy>ol>li {
    list-style-type: decimal;
}

/*---------------------------// #privacy-ls */

.privacy-ls h3{	font-size:15px;margin:15px 10px;}
.privacy-ls li{
	text-indent:-1.0em;
	padding-left: 1.0em;
}

.privacy-ls table{
	border: solid 1px black;
	width: 700px;
}
.privacy-ls th{
	border: solid 1px black;
	background-color: #CCC;
}
.privacy-ls th.left{
	width: 200px;
}
.privacy-ls th.right{
	width: 500px;
}

.privacy-ls td{
	border: solid 1px black;
	padding: 5px;
}

.privacy-ls div.revision{
	text-align: right;
	margin: 10px;
}

/**************************************************
 * 角丸CSS
 **************************************************/
.m-box-shadow {
    background: url("/common/img/box/box_shadow_l.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 -3px 15px;
    padding-left: 4px;
    position: relative;
}
.m-box-shadow > .lt, .m-box-shadow > .rt, .m-box-shadow > .lb, .m-box-shadow > .rb {
    background: url("/common/img/box/box_shadow_corner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    position: absolute;
    width: 10px;
}
.m-box-shadow > .lt {
    left: 0;
    top: 0;
}
.m-box-shadow > .rt {
    background-position: -10px 0;
    right: 0;
    top: 0;
}
.m-box-shadow > .lb {
    background-position: 0 -10px;
    bottom: 0;
    left: 0;
}
.m-box-shadow > .rb {
    background-position: -10px -10px;
    bottom: 0;
    right: 0;
}
.m-box-shadow > .inner {
    background: url("/common/img/box/box_shadow_r.png") repeat-y scroll 100% 0 rgba(0, 0, 0, 0);
    padding-right: 4px;
}
.m-box-shadow > .inner > div {
    background: url("/common/img/box/box_shadow_t.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    padding-top: 10px;
}
.m-box-shadow > .inner > div > div {
    background: url("/common/img/box/box_shadow_b.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    padding: 8px 14px 15px;
}

/**************************************************
 * 解約ページ
 **************************************************/
.kaiyaku_box{
	background: #fff7b7;
	line-height:20px;
	margin:20px 10px 0px 10px;
	padding:20px 10px 20px 10px;
}

.kaiyaku_doui_box{
	line-height:20px;
	margin:0px 10px 20px 10px;
	padding:10px 10px 10px 10px;
    border: 1px solid #ccc;
}

/**************************************************
 * サイド
 **************************************************/
.side-box {
    margin-bottom: 15px;
}
.side-box .red-box {
    border: 1px solid #C60000;
    border-top: 0px;
    padding: 10px 15px;
}
.side-box .login {
    background: #fff7b7;
}
.side-box .form-column {
    font-size: 11px;
    margin-bottom: 12px;
    color: #666;
}
.side-box .form-column input[type="text"], .side-box .form-column input[type="password"] {
    background: #eee;
    border: 1px solid #ccc;
    padding: 3px;
    width: 95%;
}
.side-box .form-value {
    background: #eee;
    border: 1px solid #ccc;
    padding: 3px;
    width: 95%;
}
.side-box .form-btn {
    text-align: center;
    margin-bottom: 10px;
}
.side-box .reminder {
    font-size: 11px;
    text-align: center;
}

/**************************************************
 * サイド - column
 **************************************************/
.side-column {
    margin: 15px 0;
    color: #444444;
}

/**************************************************
 * サイド - ranking
 **************************************************/
.side-box li {
    background: url(/common/img/side/side_rank_bg.png) left bottom no-repeat ;
    padding-bottom: 3px;
}
.side-box li.last {
    background: none;
}
.side-box .ranking {
    border: 1px solid #C60000;
    border-top: 0px;
}
.side-box .ranking .rank {
    width: 40px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    color: #666;
}
.side-box .ranking .rank.rank-top{
    background: #fffbc3;
    color: #ff0000;
}
.side-box .ranking .rank-body {
    margin-left: 45px;
    padding: 10px 0;
    padding-left: 10px;
}
.side-box .ranking .rank-body span {
    color: #ff0000;
}

/**************************************************
 * フッター
 **************************************************/
.footer-wrapper {
    background: url(/common/img/footer_bg.png) repeat-x;
    padding-top: 20px;
    padding-bottom: 80px;
}
.footer {
    width: 990px;
    margin: 0 auto;
}
.footer .foot-title {
    font-weight: bold;
}
.footer .foot-menu {
    margin: 15px 0;
}
.footer .foot-menu li {
    float: left;
}
.footer .foot-menu li:after {
    content: "　|　";
}

.footer .foot-menu li.last:after {
    content: "";
}

/**************************************************
 * 共通
 **************************************************/
.clearfix:after {
    content: ".";  
    display: block; 
    clear: both;
    height: 0;
    visibility: hidden;
}
ul:after{
    content: ".";  
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
dl:after{
    content: ".";  
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

pre {
	/* Mozilla */
	white-space: -moz-pre-wrap;

	/* Opera 4-6 */
	white-space: -pre-wrap;

	/* Opera 7 */
	white-space: -o-pre-wrap;

	/* CSS3 */
	white-space: pre-wrap;

	/* IE 5.5+ */
	word-wrap: break-word;
}