@charset "utf-8";

/***********************************
  PH S10J
  progress/style.css
***********************************/

@import "../common/css/base.css";


/*  Layout
-----------------------------------------*/

div#progress {margin:20px 30px; padding-bottom:35px;}

div#contents {width:620px; float:left; color:#333; font-size:14px;}

div#side {width:200px; min-height:760px; _height:760px; float:right; background:#030000 url(./images/side_bottom.gif) bottom no-repeat;}


/*  Contents Layout
-----------------------------------------*/

div#contents h3 {font-size:14px; background:url(./images/title_back.gif) no-repeat; line-height:40px; padding-left:15px; color:#030000; margin-bottom:10px;}
div#contents h3#subtitle {background:none; line-height:30px; padding-left:0px; color:#030000; margin-bottom:15px;}
p#description {margin:0 0 15px 5px; font-size:12px;}
div#contents h4 {color:#7d0000; line-height:1em; font-size:14px; background:url(./images/lm.gif) left top no-repeat; padding:0 0 5px 18px; margin:15px 0; border-bottom:1px dotted #333;}
div#contents h4.image {background:none; padding:0; margin:0 0 15px 0; border:none;}

div#flash {width:350px; margin:0 0 25px 135px;}

div#contents ul.navi {list-style:none; font-size:12px; border-bottom:1px dotted #333; padding:10px 15px; margin-bottom:15px;}
div#contents ul.navi-b {list-style:none; font-size:12px; border-top:1px dotted #333; padding:10px 15px; margin-top:15px;}
div#contents li.navi01 {float:left;}
div#contents li.navi02 {display:block; text-align:right;}
div#contents ul.navi li a,div#contents ul.navi-b li a {color:#333; text-decoration:none;}
div#contents ul.navi li a:hover,ul.div#contents navi-b li a:hover {color:#c00; text-decoration:underline;}

div#contents p.photo {margin-bottom:25px; font-size:12px;}
div#contents p.photo img {margin:0 5px 5px 0;}

div#contents dl {margin:30px 0;}
div#contents dt {width:5em; float:left; display:block; text-align:right;}
div#contents dd {padding-left:6em; margin-bottom:7px;}

div#contents dl#outline {margin:0; padding-bottom:30px; width:620px;}
div#contents dl#outline dt {width:333px; float:left;}
div#contents dl#outline dd {padding-left:350px;}
div#contents dl#outline dd p {background:#ebe8e7; padding:15px; color:#333; font-size:12px;}
div#contents dl#outline dd p strong {color:#7d0000; font-size:13px;}

div#contents p.caution {font-size:12px; margin:0 15px 15px 0;}
div#contents p.caution02 {font-size:12px; color:#c00; margin-top:3px;}
p#movie {text-align:center; margin-bottom:25px;}

div#contents div.line {border-bottom:1px dotted #333; height:30px;}

div#contents dl#typeA {margin:0; padding-bottom:30px;}
div#contents dl#typeA dt {width:310px; float:right; text-align:right;}
div#contents dl#typeA dd {padding:0; margin:0;}

div#contents ul.half {padding-bottom:20px; list-style:none;}
div#contents ul.half li {width:298px; float:left;}
div#contents ul.half li.none {float:right;}
div#contents ul.half li p {margin:3px 0 0 2px; font-size:12px;}

div#contents ul.third {padding-top:25px; list-style:none;}
div#contents ul.third li {width:193px; float:left; margin-right:20px;}
div#contents ul.third li.none {margin-right:0;}
div#contents ul.third li p {margin:2px 0 0 2px; font-size:10px;}

/*  Side Layout
-----------------------------------------*/

div#side ul {list-style:none;}

div#side ul li {background:url(./images/dott01.gif) bottom repeat-x; padding:10px 12px;}

div#side ul li a {background:url(./images/lm_side.gif) left no-repeat; padding-left:15px;}
div#side ul li a.this-page {text-decoration:none; color:#f9f8cb;}

div#side p {margin:20px 0 0 14px; padding:0; background:url(./images/side_btn_ov.gif) no-repeat left; width:173px;}
div#side p a {display:block;}
div#side p a:hover {background-color:transparent;}
div#side p a:hover img {visibility:hidden;}