@charset "utf-8";



/* ----- TOPページ グループサイト案内 ----- */

div#groupsiteinfocont{

}

div#groupsiteinfocont div.gsite{
margin:10px 35px;
}

div#groupsiteinfocont p{
text-align:center;font-size:87%;
}

div#content div#groupsiteinfocont h4{
width:auto;margin:0 auto 5px;text-align:center;
border-bottom:solid 1px #39f;
}


/* ----- 販売条件 ----- */

table.payment,table.handlingfee{
width:600px;
}

table.payment thead th,table.handlingfee thead th{
font-weight:bold !important;
}

table.handlingfee tbody td{
text-align:center;
padding:5px;
font-weight:bold;
color:#c13e28;
}


ul.conditionlist{
font-size:85%;
}


/* ----- 法律に基づく表示 ----- */

table.law th{
background-color:#e0e8f2;
width:175px;
}


/* ----- 個人情報 ----- */

p#dateandmaster{ /* 制定日・責任者 */
text-align:right;
}



/* ----- テキスト ----- */

.lowprice{	/* 常識破りの低価格 */
font-weight:bold;
color:#ff1493;
}

.vacationdate{	/* 休暇期間案内 */
color:#c00;
font-weight:bold;
}

/* ----- 会社概要 ----- */

p.floatright{
float:right !important;
}

p.floatright img{
margin:0 60px 5px 0;
}

dl.companyinfogaiyou ul{

}

dl.companyinfogaiyou dd{
margin-left:60px !important;
}

dl.companyinfogaiyou li{
margin-left:0px !important;
}

ul.companyinfogaiyou{
padding-left:15px !important;
}


/* ----- リストカラムレイアウト ----- */

div.twocolumns,
div.threecolumns,
div.fourcolumns{
margin:15px -25px 10px 15px;
clear:both;
}

div.twocolumns div,
div.threecolumns div,
div.fourcolumns div{
float:left;
min-height:190px;height:auto !important;height:190px;	/* Min-Height Fast Hack */
}

div.twocolumns div{
width:325px;
margin:0 20px 15px 0;
}

div.threecolumns div{
width:220px;
margin:0 5px 25px 0;
background:url(images/3columns_body.gif) no-repeat center bottom transparent;
}

div.fourcolumns div{
width:165px;
margin:0 4px 25px 0;
background:url(images/4columns_body.gif) no-repeat center bottom transparent;
}


div.twocolumns div div,
div.threecolumns div div,
div.fourcolumns div div{	/* 詳細ボタン位置揃えの為の概要部分高さ指定 */
float:none !important;
width:100% !important;
margin:0 !important;
min-height:170px;height:auto !important;height:170px;	/* Min-Height Fast Hack */
background:none transparent !important;
}




div.twocolumns h3,
div.threecolumns h3,
div.fourcolumns h3{
margin:0 0 4px 0 !important;padding:0 !important;
border-left:none !important;
}

div.twocolumns h4,
div.threecolumns h4,
div.fourcolumns h4{
width:auto !important;
margin:0 0 4px 0 !important;padding:0 !important;
}


div.twocolumns h3 a,
div.threecolumns h3 a,
div.fourcolumns h3 a{
display:block;
width:auto !important;
min-height:25px;height:auto !important;height:40px;	/* Min-Height Fast Hack */
padding:10px 8px 5px 8px !important;
text-indent:30px;
letter-spacing:0.1em;
text-decoration:none !important;
}

div.twocolumns h4 a,
div.threecolumns h4 a,
div.fourcolumns h4 a{
display:block;
width:auto !important;
min-height:50px;height:auto !important;height:50px;	/* Min-Height Fast Hack */
padding:5px 8px 8px 8px !important;
text-indent:60px;
}


div.twocolumns h3 a,
div.twocolumns h4 a{
background:url(images/2columns_heading.gif) no-repeat 0 0 transparent;
}

div.threecolumns h3 a,
div.threecolumns h4 a{
background:url(images/3columns_heading.gif) no-repeat 0 0 transparent;
}

div.fourcolumns h3 a,
div.fourcolumns h4 a{
background:url(images/4columns_heading.gif) no-repeat 0 0 transparent;
}


div.twocolumns h3 a:hover,
div.twocolumns h4 a:hover,
div.threecolumns h3 a:hover,
div.threecolumns h4 a:hover,
div.fourcolumns h3 a:hover,
div.fourcolumns h4 a:hover{
color:#fff;
}

div.twocolumns h3 a:hover,
div.twocolumns h4 a:hover{
background-position:-325px 0;
}

div.threecolumns h3 a:hover,
div.threecolumns h4 a:hover{
background-position:-220px 0;
}

div.fourcolumns h3 a:hover,
div.fourcolumns h4 a:hover{
background-position:-165px 0;
}


div.twocolumns p,
div.threecolumns p,
div.fourcolumns p{
font-size:90%;
text-align:justify;text-justify:inter-ideograph;
}

div.twocolumns p{
margin:5px 15px !important;
}

div.threecolumns p,
div.fourcolumns p{
margin:5px 10px !important;
}


div.twocolumns p.imglinks,
div.threecolumns p.imglinks,
div.fourcolumns p.imglinks{
text-align:center;
margin:5px 0 !important;
}



/* -- サンプルレイアウト -- */

div.freecharge{
width:670px;
min-height:135px;height:auto !important;height:135px;	/* Min-Height Fast Hack */
margin:5px -50px 10px 15px;
border:1px solid #d9dce5;
clear:both;
}

div.freedl{
width:670px;
min-height:135px;height:auto !important;height:135px;	/* Min-Height Fast Hack */
margin:10px -50px 10px 15px;
border:1px solid #d9dce5;
clear:both;
}


div.freecharge div{
width:310px;float:left;
display:inline;		/* IE Doubled Float-Margin bug Fix */
margin:5px 0px 15px 15px !important;
}

div.freecharge p{
font-size:90%;
text-align:justify;text-justify:inter-ideograph;
margin:5px 15px !important;
}

div.freedl p{
font-size:90%;
text-align:justify;text-justify:inter-ideograph;
margin:10px 15px　15px 15px !important;
}

div.freecharge p.imglinks{
text-align:center;
margin:5px !important;
}

div.freedl p.imglinks{
float:left;
text-align:center;
margin:0 10px !important;
}

div.freecharge a#designdvd,
div.freecharge a#sample{
display:block;
width:300px;height:65px;
text-indent:-9999px;overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
}

div.freecharge a#designdvd{
background-image:url(/images/design_dvd_icon_hover.gif);
}

div.freecharge a#sample{
background-image:url(/images/sample_set_icon_hover.gif);
}

div.freecharge a#designdvd:hover,
div.freecharge a#sample:hover{
background-position:-300px 0;
}


/* -- guide -- */

div#guidelist div{
float:left;
margin:5px !important;
padding:5px !important;
width:300px;
min-height:135px;height:auto !important;height:135px;	/* Min-Height Fast Hack */
border:1px solid #ccc;
}

div#guidelist div img{
margin-right:10px;
}

div#guidelist p.entrylink{
text-align:right;
font-size:13px;
}

div#guidelist div h3{
clear:both;
margin-top:5px !important;
margin-left:0 !important;
padding-top:0 !important;
/*border-bottom:3px double #660000;*/ 
width:60% !important;
font-size:15px;
line-height:100%;
}