@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name:      orphis_top.css
Style Info:     個別レイアウト
----------------------------------------------------------- */

/* .contentBlock
----------------------------------------------------------- */
.contentBlock {
margin-bottom: 30px;
}

/* .pmainimg
----------------------------------------------------------- */
.pmainimg {
margin-bottom: 20px;
}

/* #strength
----------------------------------------------------------- */
#strength h3 {
margin: 8px 0 0;
padding: 0;
border: none;
}

#strength .doc {
position: relative;
width: 730px;
height: 219px;
background: url(/product/orphis/images/index/bg_strength_01.jpg) no-repeat left top;
}

#strength .doc h4 {
position: absolute;
left: 20px;
top: 7px;
padding-left: 0;
border: none;
}

#strength .doc ul {
position: absolute;
left: 9px;
top: 30px;
}

#strength .doc li {
margin-bottom: 6px;
}

#strength .doc .mov {
position: absolute;
left: 368px;
top: 30px;
width: 356px;
height: 180px;
background: url(/product/orphis/images/index/bg_strength_02.jpg) no-repeat left top;
}

#strength .doc .mov h5 {
position: absolute;
left: 14px;
top: 21px;
}

#strength .doc .mov .txt {
position: absolute;
left: 219px;
top: 54px;
}

#strength .doc .mov .btn {
position: absolute;
left: 222px;
top: 108px;
}

#strength .doc .mov .pic {
position: absolute;
left: 12px;
top: 54px;
}

#strength .info {
margin-top: 10px;
padding: 8px 12px;
border: 1px solid #CCC;
}

#strength .info li {
float: left;
margin-right: 30px;
}

#strength .info .ttl {
margin-right: 25px;
font-weight: bold;
}

/* #select
----------------------------------------------------------- */
#select ul {
margin: 8px 0 0;
}

#select li {
display: block;
width: 362px;
vertical-align: top;
}

#select li p {
margin: 0;
}

#select li .btn {
padding: 9px 0 0 9px;
}

#select li .txt {
padding: 13px 0 10px 15px;
}

#select .item1 {
float: left;
background: url(/product/orphis/images/index/bg_select_01_mid.jpg) repeat-y left top;
}

#select .item1 .top {
min-height: 200px;
background: url(/product/orphis/images/index/bg_select_01.jpg) no-repeat left top;
/*IE6*/
_height: 200px;
}

#select .item1 .btm {
height: 6px;
background: url(/product/orphis/images/index/bg_select_01_btm.jpg) no-repeat left top;
font-size: 0;
}

#select .item2 {
float: right;
background: url(/product/orphis/images/index/bg_select_02_mid.jpg) repeat-y left top;
}

#select .item2 .top {
min-height: 200px;
background: url(/product/orphis/images/index/bg_select_02.jpg) no-repeat left top;
/*IE6*/
_height: 200px;
}

#select .item2 .btm {
height: 6px;
background: url(/product/orphis/images/index/bg_select_02_btm.jpg) no-repeat left top;
font-size: 0;
}

#select .item2 .linkStyleOrphis {
margin: 0 0 5px 15px;
}

#select .item2 .linkStyleOrphis.end {
margin-bottom: 0;
}

/* #lineup
----------------------------------------------------------- */
#lineup .txt {
margin-bottom: 1em;
}

#lineup .odd {
float: left;
width: 480px;
}

#lineup .odd .pic {
margin: 0 0 0 20px;
}

#lineup .even {
float: right;
width: 205px;
}

#lineup h3 {
margin-bottom: 1em;
}

/* #user
----------------------------------------------------------- */
#user {
margin-bottom: 10px;
}

#user li {
float: left;
width: 350px;
padding: 10px 6px 0;
}

#user .cntBox .txt {
margin-bottom: 1em;
}

/* #notice
----------------------------------------------------------- */
#notice h3 {
margin-bottom: 10px;
}

#notice h4 {
padding-left: 0;
border: none;
}

#notice .cntBox {
margin-bottom: 20px;
padding-bottom: 20px;
background: url(/common/images/banner_line01.gif) repeat-x left bottom;
}

#notice .cntBox li {
float: left;
}

#notice .odd {
width: 210px;
}

#notice .even {
width: 515px;
}