
#wrapper {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/common/wrapper_haikei.jpg);
    background-repeat: repeat-y;
}
#main {
    width: 940px;
}
#header {
    background-image: url(../img/common/header_haikei.jpg);
    height: 145px;
    width: 940px;
}
#headleft {
    float: left;
}
#headright {
    float: right;
}

#content {
    width: 940px;
}

#footer {
    background-image: url(../img/common/footer_haikei.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 960px;
    background-color: #F0ECE0;
    margin-right: auto;
    margin-left: auto;
}

/**
 * 2008-04-05 KOJIMA Osamu <kojima@softfarm.co.jp>
 * XXX:標準boxクラス .common-box, .common-box-inner
 *     ページ自体align center指定しているので、centeringされるので
 *     下位クラスで適当に。
 */
.common-box {
    width: 960px;
    background-image: url('/img/common/wrapper_haikei.jpg');
    background-repeat: repeat-y;
}

.common-box-inner {
    text-align: left;
    margin-left: 22px;
    margin-right: 22px;
}

.dot {
    background-image: url(../img/common/dot.gif);
    background-repeat: repeat-x;
    background-position: left center;
    height: 40px;
}:
.lineC940 {
    background-image: url(../img/common/gray.gif);
    background-repeat: repeat-y;
    background-position: center;
}

.box700 {
    width: 700px;
}
.box440L {
    float: left;
    width: 440px;
}
.box440R {
    float: right;
    width: 440px;
}
.box272R {
    width: 272px;
    float: right;
}



.spaceU5 {
    padding-top: 5px;
}
.spaceU20 {
    padding-top: 20px;
}
.spaceU10 {
    padding-top: 10px;
}
.space10 {
    padding: 10px;
}
.spaceLR5 {
    padding-right: 5px;
    padding-left: 5px;
}
.spaceL15R15 {
    padding-right: 15px;
    padding-left: 15px;
}
.spaceL15R10 {
    padding-right: 10px;
    padding-left: 15px;
}
.spaceUL5 {
    padding-top: 5px;
    padding-left: 5px;
}
.spaceU15 {
    padding-top: 15px;
}
.space5 {
    padding: 5px;
}
.spaceB20 {
    padding-bottom: 20px;
}
.spaceB10 {
    padding-bottom: 10px;
}
.spaceL20U8 {
    padding-top: 6px;
    padding-left: 20px;
}
.spaceLRB15U3 {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 15px;
}
.space15 {
    padding: 15px;
}
/******************* 見出し　class *******************/
.new {
    background-image: url(../img/common/new.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 45px;
    font-size: 14px;
    font-weight: bold;
    color: #999933;
}
.yajirushi {
    background-image: url(../img/common/yajirushi.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 14px;
    padding-right: 14px;
}
.midashi {
    line-height: 16px;
    background-image: url(../img/common/midashi.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 14px;
    font-weight: normal;
}
/******************* カラー　class *******************/
.yellow {
    color: #FFFF33;
}
.shiro {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    color: #FFFFFF;
}
.pink {
    color: #FF0033;
}
.red {
    color: #FF0000;
}
/******************* コンテンツ m-bar1　class *******************/
.m-bar {
    border: 0;
    margin: 0;
    padding: 0;
    height: 29px;
    overflow: hidden;
    /*background-image: url(../img/common/contents_up.jpg);*/
    background-repeat: no-repeat;
    width: 454px;
}

.m-bar img {
    visibility: hidden;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
    background-position: 0px 29px;
    float:left;
}

.m-bar .m-1 a {
    background-image: url(../img/common/btn_kaisha_off.jpg);
}
.m-bar .m-2 a {
    background-image: url(../img/common/btn_tenpo_off.jpg);
}
.m-bar .m-3 a {
    background-image: url(../img/common/btn_privacy_off.jpg);
}

/******************* コンテンツ m-bar2　class *******************/
.m-bar2 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 42px;
    overflow: hidden;
    background-image: url(../img/common/contents_main.jpg);
    background-repeat: no-repeat;
    width: 703px;
}

.m-bar2 img {
    visibility: hidden;
}

.m-bar2 a,
.m-bar2 a:link,
.m-bar2 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar2 a:focus,
.m-bar2 a:hover,
.m-bar2 a:active {
    background-position: 0px 42px;
    float:left;
}

.m-bar2 .m-1 a {
    background-image: url(../img/common/btn_home.jpg);
}
.m-bar2 .m-2 a {
    background-image: url(../img/common/btn_lineup.jpg);
}
.m-bar2 .m-3 a {
    background-image: url(../img/common/btn_guide.jpg);
}
.m-bar2 .m-4 a {
    background-image: url(../img/common/btn_shopping.jpg);
}
.m-bar2 .m-5 a {
    background-image: url(../img/common/btn_shinsaku.jpg);
}
.m-bar2 .m-6 a {
    background-image: url(../img/common/btn_news.jpg);
}
.m-bar2 .m-7 a {
    background-image: url(../img/common/btn_present.jpg);
}

/******************* コンテンツ m-bar3　class *******************/
.m-bar3 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 39px;
    overflow: hidden;
    background-image: url(../img/common/contents_main.jpg);
    background-repeat: no-repeat;
    width: 90px;
}

.m-bar3 img {
    visibility: hidden;
}

.m-bar3 a,
.m-bar3 a:link,
.m-bar3 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar3 a:focus,
.m-bar3 a:hover,
.m-bar3 a:active {
    background-position: 0px 39px;
    float:left;
}

/*
.m-bar3 .m-1 a {
    background-image: url(../img/common/btn_login.jpg);
}
*/

.m-bar3 .m-2 a {
    background-image: url(/img/common/btn_help.jpg);
}

/******************* コンテンツ m-bar4　class *******************/
.m-bar4 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 100px;
    overflow: hidden;
    background-image: url(../img/top/contents_lineup.jpg);
    background-repeat: no-repeat;
    width: 940px;
}

.m-bar4 img {
    visibility: hidden;
}

.m-bar4 a,
.m-bar4 a:link,
.m-bar4 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar4 a:focus,
.m-bar4 a:hover,
.m-bar4 a:active {
    background-position: 0px 100px;
    float:left;
}

.m-bar4 .m-1 a {
/*  background-image: url(../img/top/btn_milky.jpg); */
}
.m-bar4 .m-2 a {
/*  background-image: url(../img/top/btn_lip.jpg); */
}
.m-bar4 .m-3 a {
/*  background-image: url(../img/top/btn_aqua.jpg); */
}
.m-bar4 .m-4 a {
/*  background-image: url(../img/top/btn_love.jpg); */
}
.m-bar4 .m-5 a {
/*  background-image: url(../img/top/btn_luins.jpg); */
}

/******************* コンテンツ m-bar5　class *******************/
.m-bar5 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 12px;
    overflow: hidden;
    background-image: url(../img/common/contents_foot.jpg);
    background-repeat: no-repeat;
    width: 148px;
}

.m-bar5 img {
    visibility: hidden;
}

.m-bar5 a,
.m-bar5 a:link,
.m-bar5 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar5 a:focus,
.m-bar5 a:hover,
.m-bar5 a:active {
    background-position: 0px 12px;
    float:left;
}

.m-bar5 .m-1 a {
    background-image: url(../img/common/contents_foot.jpg);
}
/******************* コンテンツ/Lineup m-bar6　class *******************/
.m-bar6 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 180px;
    overflow: hidden;
    /* background-image: url(../img/lineup/contents_002.jpg); */
    background-repeat: no-repeat;
    width: 940px;
}

.m-bar6 img {
    visibility: hidden;
}

.m-bar6 a,
.m-bar6 a:link,
.m-bar6 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar6 a:focus,
.m-bar6 a:hover,
.m-bar6 a:active {
    background-position: 0px 180px;
    float:left;
}

.m-bar6 .m-1 a {
/*  background-image: url(../img/lineup/btn_love.jpg); */
}
.m-bar6 .m-2 a {
/*  background-image: url(../img/lineup/btn_aqua.jpg); */
}

/******************* コンテンツ/Lineup m-bar7　class *******************/
.m-bar7 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 180px;
    overflow: hidden;
    background-image: url(../img/lineup/contents_001.jpg);
    background-repeat: no-repeat;
    width: 940px;
}

.m-bar7 img {
    visibility: hidden;
}

.m-bar7 a,
.m-bar7 a:link,
.m-bar7 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar7 a:focus,
.m-bar7 a:hover,
.m-bar7 a:active {
    background-position: 0px 180px;
    float:left;
}

.m-bar7 .m-1 a {
    background-image: url(../img/lineup/btn_milky.jpg);
}
.m-bar7 .m-2 a {
    background-image: url(../img/lineup/btn_lip.jpg);
}

/******************* コンテンツ/Lineup m-bar8　class *******************/
.m-bar8 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 180px;
    overflow: hidden;
    background-image: url(../img/lineup/contents_003.jpg);
    background-repeat: no-repeat;
    width: 940px;
}

.m-bar8 img {
    visibility: hidden;
}

.m-bar8 a,
.m-bar8 a:link,
.m-bar8 a:visited {
    background-position: 0px 0px;
    float:left;
}
.m-bar8 a:focus,
.m-bar8 a:hover,
.m-bar8 a:active {
    background-position: 0px 180px;
    float:left;
}

.m-bar8 .m-1 a {
    background-image: url(../img/lineup/btn_ruins.jpg);
}
.m-bar8 .m-2 a {
    background-image: url(../img/lineup/btn_down.jpg);
}
.yajirushi a {
    color: #666666;
}


/******************* その他　class *******************/

/******************* font *******************/
.text10 {
    font-size: 10px;
    line-height: 110%;
}

.text12 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    line-height: 140%;
}
.pink14 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 14px;
    color: #FF3366;
}
.text14 {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 14px;
}.thumbL {
    float: left;
    height: 186px;
    width: 182px;
    background-image: url(../img/lineup/thumb_haikei.jpg);
    background-repeat: no-repeat;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 10px;
    line-height: 110%;
}
.spaceUB10LR13 {
    padding-top: 10px;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-left: 13px;
}
.spaceU8 {
    padding-top: 8px;
}
.FLspaceR5 {
    float: left;
    padding-right: 5px;
}
.spaceU40 {
    padding-top: 40px;
}
.FRspace10R {
    float: right;
    padding-right: 10px;
}
.midashi2 {
    background-image: url(../img/common/yajirushi2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    font-weight: normal;
}
.oudo {
    color: #996600;
}
.FLspaceR15 {
    float: left;
    padding-right: 15px;
}
.box455R {
    float: right;
    width: 455px;
}
.box300L {
    float: left;
    width: 300px;
}
.box595R {
    float: right;
    width: 595px;
}
.box500 {
    width: 500px;
}
.box440 {
    
    width: 440px;
}
.box440L {
    
    width: 440px;
}
.box195R {
    float: right;
    width: 195px;
}
.date {
    background-image: url(../img/common/date.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
}
.spaceLR10 {
    background-image: url(../img/common/comment_center.gif);
    background-repeat: repeat-y;
    padding-right: 10px;
    padding-left: 10px;
}
.box600 {
    width: 600px;
}
.name {
    background-image: url(../img/common/name.gif);
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: left center;
}
.dot2 {
    background-image: url(../img/common/dot2.gif);
    background-repeat: repeat-x;
    height: 10px;
    background-position: left center;
}

div.lossform {
    font-family: Verdana, Arial, Helvetica sans-serif;
    border-top: 1px solid #aaaaaa;
    border-right: none;
    border-bottom: 1px solid #aaaaaa;
    border-left: none;
    padding: 10px;
}

input.formarea {
    width: 120px;
    border: 1px solid #000000;
}
.search {
    text-align:left;
    height:20px;
    margin-left:15px;
    padding-bottom:10px;
}

/******************* コンテンツ/NEW-ver Lineup *******************/
.lineup1x6 {
    width:936px;
    height:501px;
    margin:0;
    padding:0;
    }
.lineup1x6 a:hover{
    background-position:right top;
}
.lineup1x6 .btn01{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_love.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}
.lineup1x6 .btn02{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_milky.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}
.lineup1x6 .btn03{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_aqua.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}
.lineup1x6 .btn04{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_lip.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}
.lineup1x6 .btn05{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_ruins.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}
.lineup1x6 .btn06{
    width:156px;
    height:500px;
    display:block;
    overflow:hidden;
    position:relative;
    left:0px;
    top:0px;
    z-index:1;
    background:url(../img/lineup/btn_down.jpg) left top no-repeat;
    float:left;
    text-indent:-9999px;
}


thead.castTable, tbody.castTable {
    border-top: 1px solid #cccc98;
    border-bottom: 1px solid #cccc98;
    border-left: none;
    border-right: none;
}

thead.castTable {
    background-color: #cccc98;
}

/* firefox workaround */
table.castTable th {
    border-top: 1px solid #cccc98;
    border-bottom: 1px solid #cccc98;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-weight: normal;
    text-align: left;
}

table.castTable tr {
    border: none;
}

/* firefox workaround */
table.castTable td {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

table.castTable {
    border-top: 1px solid #cccc98;
    border-bottom: 1px solid #cccc98;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
}

tr.odds {
    background-color: #ffffff;
}

tr.even {
    background-color: #ededdb;
}

tr.linked {
    background-color: #dadab5;
    cursor: pointer;
}

/******************* コンテンツ/NEW-ver Lineup2 *******************/

.lineup2x6 {
	width:916px;
	margin:0;
	padding:0 0 0 20px;
	}
.lineup2x6 .left {
    float:left;
	width:458px;
	}
.lineup2x6 .right {
    float:right;
	width:458px;
	}

.lineup2x6 .left a:hover,.lineup2x6 .right a:hover {
	background-position:right top;
}

.lineup2x6 .left .btn01{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:12px;
	z-index:1;
	background:url(../img/lineup/btn_01.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}
.lineup2x6 .left .btn02{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:24px;
	z-index:1;
	background:url(../img/lineup/btn_02.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}
.lineup2x6 .left .btn03{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:36px;
	z-index:1;
	background:url(../img/lineup/btn_03.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}
.lineup2x6 .right .btn04{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:12px;
	z-index:1;
	background:url(../img/lineup/btn_04.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}
.lineup2x6 .right .btn05{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:24px;
	z-index:1;
	background:url(../img/lineup/btn_05.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}

.lineup2x6 .right .btn06{
	width:443px;
	height:148px;
	display:block;
	overflow:hidden;
	position:relative;
	left:0px;
	top:36px;
	z-index:1;
	background:url(../img/lineup/btn_06.jpg) left top no-repeat;
	float:left;
	text-indent:-9999px;
}
