@charset "utf-8";

/***********************************
  PH S10J
  concept/style.css
***********************************/

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

div#wrapper h3#subtitle {margin:24px 0 0 165px;}
div#wrapper p#circle-btn {float:right; margin-top:-190px; padding-right:85px; background:url(./images/btn_circle_ov.gif) left no-repeat;}
div#wrapper p#circle-btn a {display:block;}
div#wrapper p#circle-btn a:hover {background-color:transparent;}
div#wrapper p#circle-btn a:hover img {visibility:hidden;}

div#wrapper div#contents {min-height:500px; _height:500px; background:url(./images/back.jpg) left top no-repeat; margin-bottom:5px;}

div#wrapper div#contents p {color:#333; padding:40px 0 0 360px; line-height:2em;}

div#wrapper p#caution {font-size:10px; color:#333; margin:0 0 25px 10px;}
div#wrapper p#movie {text-align:center;}

div#wrapper div#contents02 {margin:35px;}
div#wrapper div#contents02 p#description02 {margin:15px 10px; color:#333;}
div#wrapper div#contents02 h4 {margin-bottom:5px;}
div#wrapper div#contents02 div#image {float:left; width:400px;}
div#wrapper div#contents02 div#movie02 {float:right; width:390px;}

div#wrapper div#contents02 div#gray-box {margin:25px 10px 0; background:#ebe8e7; color:#333; padding:15px 20px;}
div#wrapper div#contents02 div#gray-box h4 {font-size:13px; color:#7d0000;}

div#contents02 ul#detail {list-style:none; padding:25px 0 0 10px;}
div#contents02 ul#detail li {float:left; margin-right:10px;}
div#contents02 ul#detail li#detail01 {width:180px; height:30px; overflow:hidden; background:url(./images/btn_detail_ov.gif) left no-repeat;}
div#contents02 ul#detail li#detail02 {width:180px; height:30px; overflow:hidden; background:url(./images/btn_system_ov.gif) left no-repeat;}
div#contents02 ul#detail li#detail03 {width:180px; height:30px; overflow:hidden; background:url(./images/btn_movie_ov.gif) left no-repeat;}
li#detail01 a,li#detail02 a,li#detail03 a {display:block;}
li#detail01 a:hover,li#detail02 a:hover,li#detail03 a:hover {background-color:transparent;}
div#contents02 ul#detail li a:hover img {visibility:hidden;}
div#contents02 ul#detail li#detail04 {width:230px; float:right;}
div#contents02 ul#detail li#detail04 p {font-size:10px; color:#333; padding:0 0 0 1em; text-indent:-1em; margin:0;}
div#contents02 ul#detail li#detail04 p a {color:#333; text-decoration:underline; padding:0 3px;}
div#contents02 ul#detail li#detail04 p a:hover {text-decoration:none; color:#c00;}

ul#btn-box {padding:20px 0 0 260px; list-style:none;}
ul#btn-box li {float:left; margin-right:20px; width:170px; height:30px; overflow:hidden;}
ul#btn-box li#btn-box01 {background:url(./images/btn001_ov.gif);}
ul#btn-box li#btn-box02 {background:url(./images/btn002_ov.gif);}
ul#btn-box li a {display:block;}
ul#btn-box li a:hover {background-color:transparent;}
ul#btn-box li a:hover img {visibility:hidden;}

div#contents03 {margin:0 35px; padding-bottom:25px; color:#333;}
div#contents03 p {padding:20px 10px;}
div#contents03 ul {list-style:none; margin-left:10px;}
div#contents03 ul li {float:left; margin-right:10px;}