﻿@charset "utf-8";

/*------------------------------------------------------------------------------
COCOMUS - CSS Modules Import
Date: 2008-04-16
Copyright (C) COCOMUS. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Redefine - other

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

#main {
width: 685px;
}

#main h2 {
height: 24px;
margin-top: 20px;
margin-left: 20px;
}

#main p.goTop {
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#main p.goTop a {
padding-left: 12px;
background: url("../images/icon_gotop_01.gif") left center no-repeat;
}

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

Redefine - main

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

#main div.guideBox {
padding: 0 20px;
}

#main div.guideBox p.description {
margin-top: 20px;
}

/* ページナビここから */
#main div.guideBox ul.pageNav {
margin-top: 20px;
padding: 10px 15px;
border: 1px solid #ddd;
}

#main div.guideBox ul.pageNav li {
display: inline;
padding: 0 10px;
border-left: 1px solid #999;
}

#main div.guideBox dl.pageNav {
margin-top: 20px;
padding: 0 15px 10px;
border: 1px solid #ddd;
}

#main div.guideBox dl.pageNav dt {
margin-top: 10px;
font-weight: 700;
color: #e85d5d;
}

#main div.guideBox dl.pageNav dd li {
display: inline;
padding: 0 10px;
border-left: 1px solid #999;
}
/* ページナビここまで */

#main div.guideBox dl.guideList.ex {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px dashed #bc0048;
}

#main div.guideBox dl.guideList dt {
margin-top: 20px;
padding-left: 5px;
border-left: 5px solid #bc0048;
border-bottom: 1px solid #bc0048;
font-size: 116%;
font-weight: 700;
color: #bc0048;
}

#main div.guideBox dl.guideList dd {
padding: 0 10px;
color: #000048;
}

#main div.guideBox dl.guideList dd p,
#main div.guideBox dl.guideList dd img {
margin-top: 10px;
}

#main div.guideBox dl.guideList dd p strong {
font-weight: 700;
color: #b30000;
}

#main div.guideBox dl.guideList dd ul li a {
padding-left: 15px;
background: url("./../../parts/images/icon_arrow_01.gif") center left no-repeat;
}

#main div.guideBox dl.guideList dd ol {
}

#main div.guideBox dl.guideList dd ol li {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 25px;
list-style-type: decimal;
font-weight: 700;
color: #246745;
}

#main div.guideBox dl.guideList dd ol li p {
margin-top: 0;
}

#main div.guideBox dl.guideList dd ol li * {
font-weight: 400;
color: #333;
}

#main div.guideBox dl.guideList dd ol li li {
margin: 0;
list-style-type: none;
}

#main div.guideBox dl.guideList dd ol li li a {
color: #380791;
}

/* ポイントボックスの指定ここから */
#main div.guideBox dl.guideList dd ol li dl#point {
width: 416px;
margin-top: 20px;
background: url("../images/bg_lifebox_foot.gif") bottom left no-repeat;
}

#main div.guideBox dl.guideList dd ol li dl#point.ex01 {
background: url("../images/bg_lifebox_foot_02.gif") bottom left no-repeat;
}

#main div.guideBox dl.guideList dd ol li dl#point dt {
margin: 0;
padding: 20px 10px 0 150px;
border: none;
background: url("../images/bg_lifebox_head.gif") top left no-repeat;
font-weight: 700;
color: #bc0048;
}

#main div.guideBox dl.guideList dd ol li dl#point dd {
margin: 0;
padding: 0 10px 80px 150px;
}

#main div.guideBox dl.guideList dd ol li dl#point.ex01 dd {
padding: 0 10px 20px 150px;
}
/* ポイントボックスの指定ここまで */

/* ご利用ガイドトップだけの指定ここから */
#main div.guideBox dl.guideList dl#adobe dt {
width: 160px;
margin: 0;
padding: 5px 0 5px 5px;
border: none;
border-left: 5px solid #ddd;
line-height: 1.0;
font-size: 85%;
clear: both;
float: left;
}

* html #main div.guideBox dl.guideList dl#adobe dt.ex {
margin-top: -1px;
}

#main div.guideBox dl.guideList dl#adobe dt img {
margin-top: 0;
vertical-align: top;
}

#main div.guideBox dl.guideList dl#adobe dd {
margin-left: 180px;
padding: 10px 0;
line-height: 1.4;
}
/* ご利用ガイドトップだけの指定ここまで */

/* RSSだけの指定ここから */
#main div.guideBox dl.guideList dd p img.rss {
margin-top: 0;
vertical-align: middle;
}

#main div.guideBox dl.guideList dd p.rss {
padding-left: 5px;
border-left: 5px solid #ddd;
}
#main div.guideBox dl.guideList dd ul.rss li {
padding-left: 5px;
border-left: 5px solid #ddd;
}

#main div.guideBox dl.guideList dd ul.rss li a {
padding: 3px 0 3px 60px;
background: url("./../../parts/images/icon_feed_01_off.gif") center left no-repeat;
}
/* RSSだけの指定ここまで */


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

ClearFix

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

/* modern browsers */

#main div.guideBox dl.guideList dl#adobe:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* IE7 */

#main div.guideBox dl.guideList dl#adobe {
display: inline-block;
}

/* legacy IE */

* html #main div.guideBox dl.guideList dl#adobe {
height: 1%;
}

#main div.guideBox dl.guideList dl#adobe {
display: block;
}

/* End of ClearFix */
