/*                                                                            @             base 
--------------------------------------------------------------------------------------------------
*/

body { 
 font-family: 'lr oSVbN', Osaka, arial, helvetica, sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro',
              'qMmpS Pro W3';
 }
/* for all browser */
h1,h2,h3,h4,h5,h6,p,a,li,dl,dt,strong,span,caption,sup { 
 font-family: 'lr oSVbN', Osaka, arial, helvetica, sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro',
              'qMmpS Pro W3';
 color: #313131; 
 line-height: 130%; 
 font-size: 10px; 
}		
/* \ only for mac ie */    
h1,h2,h3,h4,h5,h6,p,a,li,dl,dt,strong,span,caption,sup { 
 font-family: 'lr oSVbN', Osaka, arial, helvetica, sans-serif,'Lucida Grande','Hiragino Kaku Gothic Pro',
              'qMmpS Pro W3';
 color: #313131; 
 line-height: 130%; 
 font-size: 12px; 
}		
/* */


/*                                                                            @              tag 
--------------------------------------------------------------------------------------------------
*/

a {
 text-decoration: none;
}

a.xs {
 font-size: 10px;
 display: block;
 clear: both;
 margin: 5px 0px;
}
a.line {
 text-decoration: underline;
}

a.up {
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/up.gif) no-repeat top right;
 font-size: 10px;
 text-decoration: underline;
 padding: 0 15px 2px 0;
}

ul.navi {
 list-style: none outside;
 margin: 0 0 5px 0;
 width: 147px;
}
ul.navi li.main {
 margin: 0 0 3px 0;
 border-bottom: 1px solid #313131;
}
ul.navi li.page {
 padding: 0 0 0 5px;
 margin: 0 0 1px 0;
 border-bottom: 1px dashed #313131;
}

ul.typeA {
 list-style: circle outside;
 margin: 10px 10px 10px 20px;
 font-size: 12px; 
 width: 500px;
}

ul.typeA li {
 margin: 5 0px;
 line-height: 20px;
}

ul.typeB {
 list-style: decimal outside;
 margin: 10px 10px 10px 30px;
 font-size: 12px; 
 width: 500px;
}

ul.typeB li {
 margin: 5 0px;
 line-height: 20px;
}

ul.typeC {
 list-style: none outside;
 margin: 10px 10px 10px 20px;
 font-size: 12px; 
 width: 560px;
}
ul.typeC li{
 line-height: 20px;
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/line02.gif) no-repeat 0px 4px;
 padding: 0 0 0 10px;
 margin: 0 0 15px 0;
}
ul.typeC li.no{
 line-height: 20px;
 background: #ffffff;
 padding: 0 0 0 10px;
 margin: 0 0 15px 0;
}


ul.type00 { 
 list-style: none inside;
 margin: 15px 5px 5px 30px;
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/line01.gif) repeat-y 1px 5px;
}
ul.type00 li { 
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/hline.gif) no-repeat 2px 6px; 
 padding: 0 0 2px 13px; 
 font-weight: bold; 
 margin: 0 0 15px 0;
}
ul.type01 {  
 list-style: none inside; 
 margin: 5px 0 0 0px; 
 background: none; 
}
ul.type01 li { 
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/cross.gif) no-repeat center left; 
 margin: 2px 0 2px 15px; 
 padding: 0 0 3px 10px; 
 font-weight: normal; 
}
ul.type01 li.second { 
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/cross.gif) no-repeat 0px 4px; 
 margin: 2px 0 2px 15px; 
 padding: 0 0 3px 10px; 
}
ul.type02 {  
 list-style: none outside; 
 margin: 5px 0 0 0px; 
 background: none;
}
ul.type02 li { 
 background:  url(file:///C|/Documents%20and%20Settings/socchi/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/common/img/huck.gif) no-repeat 0px 2px; 
 margin: 1px 15px; 
 padding: 0px 0 3px 10px;
}

p.capsuleA {
 font-size: 10px;
 margin: 0px 39px 0 5px;
 line-height: 17px;
}

p.capsuleB {
 font-size: 12px;
 margin: 10px 10px 50px 10px;
 width: 400px;
 line-height: 20px;
}

p.capsuleC {
 font-size: 12px;
 margin: 10px;
 width: 550px;
 line-height: 20px;
}

p.capsuleD {
 font-size: 10px;
 line-height: 13px;
 margin: 3px;
}

dl {
 margin: 10px;
 width: 560px;
 }
dt {
 margin: 10px;
 border-bottom: 1px solid #cccccc;
 } 
dd {
 margin: 10px 10px 20px 10px;
 line-height: 20px;
}

dl.shapeA {
 margin: 10px;
 }
dl.shapeA dt {
 margin: 10px;
 border-bottom: 1px solid gainsboro;
 background:  url(img/line02.gif) no-repeat 0px 4px;
 padding: 0 0 0px 10px;
 } 
dl.shapeA dd {
 margin: 10px 10px 25px 25px;
 line-height: 20px;
}

strong.part {
 margin: 5px 5px 5px 5px; 
}

/*                                                                            @           Library 
--------------------------------------------------------------------------------------------------
*/

.rs {
 margin: 20px;
}

.small {
 font-size: 10px;
}

/*                                                                            @             Form 
--------------------------------------------------------------------------------------------------
*/

fieldset {
 margin: 10px 0;
 border: 1px solid #dcdcdc;
 padding: 10px 5px;
}
legend {
 font-size: 12px;
 font-weight: bold;
}
input.txt {
 width: 200px;
}
input.txt2 {
 width: 100px;
}
input.txt3 {
 width: 250px;
}
input.ad {
 width: 350px;
 margin: 5px 0 0 12px;
}
input.ad01 {
 width: 200px;
 margin: 5px 0 0 12px;
}
input.ad02 {
 width: 250px;
 margin: 5px 0 0 0px;
}
input.confirm {
 width: 100px;
}
textarea {
 width: 340px;
 height: 100px;
}
textarea.area {
 width: 340px;
 height: 70px;
}

