@charset "UTF-8";
/* リセット */
*{
 margin: 0;
 padding: 0;
 background-color: transparent;
 color: #333;
 font-size: medium;
 font-family: Verdana,Arial,sans-serif,MS P ゴシック;
 }
a{
 text-decoration: none;
 color: #236bb2;
 }
a:link,a:visited{
 color: #236bb2;
 }
a:hover{
 color: #ff9999;
 }
a:active{
 }
p{
 font-size: 12px;
 line-height: 1.5em;
 color: #333;
 }
img{
 border: none;
 vertical-align: bottom;
 }
ul,ol{
 list-style: none;
 }
/* スタイル */
html,body{
 height: 100%;
 }
body{
 background: #f2f2da url(../images/bg.gif);
 }
#container{
 width: 900px;
 padding: 0 30px;
 margin: 0 auto;
 background: #fff;
 position: relative;
 min-height: 100%;
 }
*html #container{
 height: 100%;
 }
#header{
 width: 900px;
 height: 130px;
 }
#logo{
 float: left;
 width: 768px;
 height: 77px;
 }
#subnavi{
 float: right;
 width: 67px;
 height: 36px;
 margin-top: 23px;
 padding-top: 23px;
 }
#subnavi img{
 margin-bottom: 5px;
 }
#subnavi a:hover img{
 visibility: hidden;
 }
#subnavi a{
 display: block;
 }
#subnavi-company{
 width: 67px;
 }
#subnavi-company{
 background: url(../images/subnavi-company-over.gif) no-repeat;
 }
#navi{
 clear: both;
 width: 900px;
 height: 53px;
 background: url(../images/navi-bg.gif) no-repeat right;
 }
#navi a:hover img{
 visibility: hidden;
 }
#navi li{
 float: left;
 } 
#navi li a{
 display: block;
 }
#navi-home{
 background: url(../images/navi-home-over.gif) no-repeat;
 }
#navi-plan{
 background: url(../images/navi-plan-over.gif) no-repeat;
 }
#navi-info{
 background: url(../images/navi-information-over.gif) no-repeat;
 }
#navi-creator{
 background: url(../images/navi-creator-over.gif) no-repeat;
 }
#navi-ceremonial{
 background: url(../images/navi-ceremonial-over.gif) no-repeat;
 }
#navi-contact{
 background: url(../images/navi-contact-over.gif) no-repeat;
 }
#content{
 clear: both;
 width: 900px;
 }
#top-main-box{
 float: left;
 width: 600px;
 margin-right: 20px;
 background: url(../images/top-intro-bg2.jpg) no-repeat bottom;
 }
#top-side-box{
 float: left;
 width: 280px;
 margin-top: 10px;
 }
#top-main-box h2{
 }
#top-intro{
 background: url(../images/top-intro-bg3.jpg) no-repeat;
 padding: 30px 75px 2em 95px;
 }
#top-intro p{
 font-size: 14px;
 line-height: 1.75em;
 }
#top-side-box ol{
 background: #f2f2f2;
 padding: 0 10px 5px;
 }
#top-side-box li{
 margin: 0 0 5px;
 }
#contact-page{
 clear: both;
 margin-bottom: 20px;
 }
#contact-page a{
 width: 560px;
 border-top: 1px solid #236bb2;
 border-bottom: 1px solid #236bb2;
 text-align: center;
 padding: 3px 20px;;
 display: block;
 margin: 0 auto;
 }
#contact-page a:hover{
 border-top: 1px solid #ff9999;
 border-bottom: 1px solid #ff9999;
 color: #ff9999;
 }
#banner-umj a:hover img{
 visibility: hidden;
 }
#banner-umj a{
 display: block;
 }
#banner-umj{
 width: 180px;
 height: 35px;
 background: url(../images/banner-umj-over.gif) no-repeat;
 }
#banner-umj a:hover{
 background: url(../images/banner-umj-over.gif) no-repeat;
 }
#umj-box{
 background: url(../images/umj-box-bg.gif) no-repeat top;
 padding: 20px 0 0;
 margin-top: 10px;
 }
#umj-content{
 margin: 0 20px;
 }
#umj-logo{
 float: left;
 width: 177px;
 margin-right: 20px;
 }
#umj-detail{
 float: left;
 width: 363px;
 }
#umj-name{
 background: url(../images/umj-dotline.gif) no-repeat bottom;
 padding-bottom: 11px;
 }
#umj-bottom{
 clear: both;
 }
#footer{
 clear: both;
 width: 900px;
 background: url(../images/footer-dotline.gif) no-repeat top;
 padding-top: 11px;
 }
#copyright{
 padding-bottom: 10px;
 text-align: right;
 }
/* creator */
#page-creator h2{
 margin-bottom: 1em;
 }
#creator-box{
 width: 870px;
 padding-left: 25px;
 }
#creator-box li{
 float: left;
 width: 415px;
 background: url(../images/creator-box-bg.gif) no-repeat top;
 margin: 0 20px 20px 0;
 }
.photo-box{
 float: left;
 width: 120px;
 padding-left: 10px;
 }
.creator-photo{
 border: 1px solid #ccc;
 margin-bottom: 5px;
 }
.skill-box{
 background: url(../images/skill-box-top.gif) no-repeat top;
 padding-top: 13px;
 }
.profile-box{
 float: left;
 width: 284px;
 }
.profile-box h3{
 margin-bottom: 15px;
 }
.profile-box p{
 padding: 0 10px;
 }
p.profile-detail{
 min-height: 200px;
 }
* html p.profile-detail{
 height: 200px;
 }
#creator-other{
 clear: both;
 width: 840px;
 border: 2px solid #ffb2b2;
 padding: 3px 5px;
 margin-bottom: 1em;
 text-align: center;
 font-size: 14px;
 }
/* contact */
#contact-box{
 width: 600px;
 margin: 5px auto 15px;
 }
#contact-box p{
 margin-bottom: 0.75em;
 }
#contact-box input{
 padding: 3px;
 border: 1px solid #808080;
 background-color: #fffff2;
 }
#contact-box select{
 padding: 2px;
 border: 1px solid #808080;
 font-size: 14px;
 background-color: #fffff2;
 }
#contact-box option{
 font-size: 14px;
 }
.write-box{
 width: 100%;
 border: 1px solid #808080;
 padding: 3px;
 background-color: #fffff2;
 }
#contact-box .submit input{
 margin: 5px 0 30px 0;
 padding: 0.1em 0.5em;
 border: 2px solid #000;
 background-color: #ffe5e5;	
 position: relative;
 }
#contact-box form strong{
 color: #ff0000;
 }
input#company,input#personal,input#male,input#female{
 border: none;
 }
#my-name{
 width: 50%;
 }
.text-comment{
 font-size: 10px;
 }
#contact-attention{
 }
#contact-must-item{
 margin-bottom: 20px;
 }
#contact-must-item p{
 color: #808080;
 }
/* info */
#info-box{
 width: 700px;
 margin: 15px auto;
 }
#info-box h3,#sample-box h3{
 padding: 15px 0 0 20px;
 height: 38px;
 color: #3d85cc;
 font-size: 18px;
 font-weight: normal;
 }
#info-box p{
 padding: 0 50px;
 }
.attention{
 position: relative;
 top: -3px;
 margin: 2px;
 }
#sample-box{
 width: 700px;
 margin: 0 auto 15px;
 }
#sample-box h4{
 font-size: 12px;
 margin-top: 0.75em;
 margin-bottom: 0.25em;
 padding: 0 50px;
 }
#sample-box p,#sample-box ol{
 padding: 0 50px;
 }
#sample-box p{
 margin-bottom: 1em;
 }
#sample-box li{
 font-size: 12px;
 }
.song-subtitle{
 font-size: 12px;
 font-weight: normal;
 color: #3d85cc;
 }
#song-lyrics{
 white-space: pre;
 }
#sample-cd-box{
 margin-left: 150px;
 margin-bottom: 15px;
 }
#info-yougo{
 width: 600px;
 margin: 0 50px;
 border-collapse: collapse;
 }
#info-yougo th,#info-yougo td{
 font-size: 12px;
 padding: 3px 5px;
 border: 1px solid #b3b3b3;
 }
#info-yougo th{
 white-space: nowrap;
 font-weight: normal;
 color: #000;
 background: #fff2f2;
 }
/* plan */
#plan-box{
 border-collapse: collapse;
 margin-bottom: 10px;
 }
#plan-a-box{
 background: url(../images/plan-bg-a-bg.gif) no-repeat bottom;
 padding-bottom: 15px;
 }
#plan-c-box{
 background: url(../images/plan-bg-a-bg.gif) no-repeat bottom;
 padding-bottom: 15px;
 }
.plan-content-a{
 width: 420px;
 margin: 0 20px 0 10px;
 }
#plan-b-box{
 background: url(../images/plan-bg-b-bg.gif) no-repeat bottom;
 padding-bottom: 15px;
 }
#plan-d-box{
 background: url(../images/plan-bg-b-bg.gif) no-repeat bottom;
 padding-bottom: 15px;
 }
.plan-content-b{
 width: 420px;
 margin: 0 10px 0 20px;
 }
#plan-box td{
 width: 450px;
 vertical-align: top;
 }
#plan-a,#plan-b,#plan-c,#plan-d{
 border-collapse: separate;
 }
#plan-a td,#plan-b td,#plan-c td,#plan-d td{
 border: 1px solid #808080;
 padding: 0.25em 0.75em;
 font-size: 12px;
 }
td.plan-length{
 border: transparent;
 }
.plan-attention{
 padding: 2px 10px;
 position: relative;
 top: -3px;
 }
td.creator-work-a{
 background: #f7c9dd;
 }
td.creator-work-b{
 background: #fee9b4;
 }
td.creator-work-c{
 background: #d3edfb;
 }
td.creator-work-d{
 background: #d1e5aa;
 }
.plan-box-td{
 background: #f2f2f2;
 }
.plan-oneself{
 background: #fff;
 }
.plan-arrow{
 background: url(../images/plan-arrow-bg.gif) no-repeat bottom;
 padding-bottom: 15px;
 vertical-align: top;
 }
#plan-option-box{
 background: url(../images/plan-option-bg.gif) no-repeat bottom;
 padding-bottom: 10px;
 margin-bottom: 10px;
 }
#plan-option{
 width: 880px;
 margin: 0 auto;
 border: none;
 border-collapse: collapse;
 border: 1px solid #996b93;
 empty-cells: show;
 }
#plan-option th,#plan-option td{
 border: 1px dotted #b27cad;
 padding: 0.25em 0.75em;
 color: #000;
 background: #f9edf9;
 font-size: 12px;
 font-weight: normal;
 }
#option-accent th{
 font-weight: bold;
 color: #fff;
 background: #a56ba0;
 }
.max-width{
 white-space: nowrap;
 }
#plan-cd-attention{
 margin: 0 20px;
 }
/* company */
#company-box a{
 text-decoration: none;
 color: #236bb2;
 border-bottom: 1px dotted #236bb2;
 padding-bottom: 0.1em;
 }
#company-box a:link,a:visited{
 color: #236bb2;
 }
#company-box a:hover{
 color: #f23071;
 border-bottom: 1px dotted #f23071;
 }
#page-company table{
 border-collapse: collapse;
 width: 700px;
 margin: 10px auto 0;
 background: url(../images/umj-box-bg.gif) repeat-y;
 padding-top: 20px;
 }
#page-company th,#page-company td{
 font-size: 14px;
 padding: 0.5em 1em;
 }
#page-company th{
 white-space: nowrap;
 text-align: right;
 color: #236bb2;
 }
#page-company a{
 font-size: 14px;
 }
#company-box{
 background: url(../images/umj-box-bottom.gif) no-repeat bottom;
 padding-bottom: 20px;
 margin-bottom: 20px;
 }
#company-name th,#company-name td{
 border-bottom: 1px dotted #b3b3b3;
 padding: 1em;
 }
/* ceremonial */
#ceremonial-list{
 padding: 5px 0 30px;
 }
#ceremonial-list li{
 width: 600px;
 margin: 20px auto;
 padding: 10px 0;
 border-bottom: 1px dotted #ccc;
 }
#ceremonial-list li p{
 font-size: 14px;
 }
#ceremonial-list h3 a{
 font-size: 18px;
 }