@charset "utf-8";

/* ---------------------------------------------------------
main
--------------------------------------------------------- */
/* mainImg */
#ext0003 #main .mainImg{
position:relative;
background:url(http://sumai.31sumai.com/nagoya/image/ext0003_main_001.jpg) no-repeat 0 0;
width:800px;
height:237px;
padding:0;
}

#ext0003 #main #topRcm {
position:absolute;
top:18px;
right:24px;
float:none;
padding:0 0 0 0;
width:198px;
}

/* bnr */
#ext0003 #main #topRcm li {}
#ext0003 #main #topRcm a {
display:block;
width:198px;
height:52px;
margin-bottom:3px;
text-indent:-9999px;
}

/* login */
#ext0003 #main #login{
position:absolute;
top:19px;
left:22px;
float:none;
width:198px;
height:151px;
padding:8px 0 6px 0;
font-size:10px;
background:transparent url(http://www.31sumai.com/cmn/image/top/cmn_login_area.jpg) no-repeat 0 0;
filter:Alpha(style=1,opacity=80,finishopacity=100,startx=0,starty=0,finishx=0,finishy=158);
}
#ext0003 #main .mainImg #login p input{ margin:0; padding:0; }
#ext0003 #main .mainImg #login p{ padding:0 8px; margin:1px 0 0 0; }
#ext0003 #main .mainImg #login p.floatR { _padding-top:3px; }
#ext0003 #main .mainImg #login ul{ padding:0px; margin:0 0 4px 0; line-height:10px;}
#ext0003 #main .mainImg #login ul li{ padding:0 8px 2px 8px; margin:0px;}
#ext0003 #main .mainImg #login dl{ padding:0 8px; width:182px; margin:5px 0; _margin:3px 0 2px 0; }
#ext0003 #main .mainImg #login dt{ float:left; width:90px; margin:0; padding:3px 0 0 0;}
#ext0003 #main .mainImg#login dd{ float:right; width:90px; margin:0; padding:0;}
#ext0003 #main .mainImg #login dd input{ width:85px;font-size:10px; height:13px; margin:0; padding:0; line-height:10px;}
*:first-child + html #main .mainImg #login dd input{ width:85px;font-size:9px; height:13px; margin:0; padding:0; line-height:9px;}

#ext0003 #sideColumn .sideCon01 .tf03 {
width:145px;
_width:143px;	
}
#ext0003 #sideColumn .sideCon01 input,
#ext0003 #sideColumn .sideCon01 select {
font-size:12px;
vertical-align:middle;
}

/* ---------------------------------------------------------
common
--------------------------------------------------------- */
.listStyle01 a{
background:transparent url(http://www.31sumai.com/cmn/image/cmn_arr_001.gif) no-repeat 0 -4px !important;
padding-left:13px;
}


/* ---------------------------------------------------------
side column
--------------------------------------------------------- */
#mainColumn,
#sideColumn { line-height:1.33; }

/* sideCon01 */

/* sideCon02 */
.sideCon02 { margin-top:20px !important; }
.sideCon02 .listStyle01 { text-align:right; }

.sideCon02 .infoBox {
padding-bottom:9px !important;
line-height:1.5;
}
.sideCon02 .infoBox dl {
margin-top:12px !important; 
padding-bottom:4px !important;
}
.sideCon02 .infoBox dt { }
.sideCon02 .infoBox dt img { margin-right:5px; }
.sideCon02 .infoBox dd { margin-top:2px !important; }

.sideCon02 .infoBox02 {
background:transparent url(http://www.31sumai.com/inc/31source/image/cmn_lin_001.gif) repeat-x 0 0;
padding:20px 0 17px 0 !important;
/*line-height:1.33; */
}
.sideCon02 .infoBox02 dl dt { float:left; }
.sideCon02 .infoBox02 dl dd { float:right; width:110px; }

.sideCon02 .thxBox { line-height:1.4 !important; }
.sideCon02 .thxBox dl {
background:transparent url(http://www.31sumai.com/inc/31source/image/cmn_lin_001.gif) repeat-x 0 0;
padding-top:18px !important;
}
.sideCon02 .thxBox dl dt {
background:transparent url(http://sumai.31sumai.com/nagoya//image/idx_ifm_lin_001.gif) repeat-x 0 bottom;
margin-bottom:5px;
padding-bottom:3px;
font-weight:bold;
}

/* sideCon03 */
.sideCon03 { margin-top:18px; }
.sideCon03 .listStyle01 { 
margin:8px 0 5px 0 !important;
text-align:right;
}

.sideCon03 dl {
background:transparent url(http://www.31sumai.com/inc/31source/image/cmn_lin_001.gif) repeat-x 0 0;
padding:16px 0 14px 0 !important;
}
.sideCon03 dl.conTop { background:none; padding-top:9px !important; }
.sideCon03 dl dt { font-size:0; line-height:0.1; margin-bottom:7px !important; }
.sideCon03 dl dd ul.pws {
margin-top:10px !important;
text-align:right;
}
.sideCon03 dl dd ul.pws li { font-size:0; line-height:0.1; }

.sideCon03 .bnrBox {
clear:both;
background:transparent url(http://www.31sumai.com/inc/31source/image/cmn_lin_001.gif) repeat-x 0 0;
padding:21px 0 14px 0;
}
.sideCon03 .bnrBox p { margin-bottom:5px !important; }

.sideCon03 .cautionBox {
background:transparent url(http://www.31sumai.com/inc/31source/image/cmn_lin_001.gif) repeat-x 0 0;
padding:19px 5px 10px 0;
font-size:10px;
line-height:1.5;
}


/* ---------------------------------------------------------
main column
--------------------------------------------------------- */
/* mainCon01 */
#mainColumn .mainCon01 h2 { margin-bottom:13px !important; }

.conBoxTb {
width:540px;
margin-bottom:6px;
}
.conBoxTb table {}
.conBoxTb table.inner {
background: url(http://sumai.31sumai.com/nagoya/image/idx_new_bg_mid.gif) 0 0 repeat-y;
border-collapse:collapse;
width:540px;
}
.conBoxTb table.inner td.titleType01 { background: url(http://www.31sumai.com/cmn/image/top/top001_box_bgti_01.jpg) 0 0 no-repeat; }
.conBoxTb table.inner td.titleType02 { background: url(http://www.31sumai.com/cmn/image/top/top001_box_bgti_02.jpg) 0 0 no-repeat; }
.conBoxTb table.inner td.titleType03 { background: url(http://www.31sumai.com/cmn/image/top/top001_box_bgti_03.jpg) 0 0 no-repeat; }
.conBoxTb table.inner td.titleType04 { background: url(http://www.31sumai.com/cmn/image/top/top001_box_bgti_04.jpg) 0 0 no-repeat; }
.conBoxTb table.inner td.titleType05 { background: url(http://www.31sumai.com/cmn/image/top/top001_box_bgti_05.jpg) 0 0 no-repeat; }

.conBoxTb table.inner .nameBoxL {
width:227px !important;
margin:0 8px 0 11px;
padding-right:9px;
_height:49px;
min-height:49px;
}
.conBoxTb table.inner .nameBoxR {
width:226px !important;
margin:0 0 0 11px;
padding-right:11px;
}
.conBoxTb table.inner .name {
padding-top:10px !important;
color:#539889;
}
.conBoxTb table.inner .img {
float:right;
margin-top:5px !important;
}
.conBoxTb table.inner td.imgSet {
background:url(http://sumai.31sumai.com/nagoya/image/idx_new_bg_inn.gif) -1px bottom no-repeat;
}
.conBoxTb table.inner td.imgSet div {
width:239px;
_height:92px;
min-height:92px;
padding-left:10px;
}
.conBoxTb table.inner td.imgSet div dl { margin: 0 0 0 12px; }
.conBoxTb table.inner td.imgSet div dl dt {
_height:60px;
min-height:60px;
}
.conBoxTb table.inner td.imgSet div dl dd {
padding-bottom:5px !important;
} 
.conBoxTb table.inner td.imgSet div .floatL {
float:left;
width:150px;
line-height:1.3;
}
.conBoxTb table.inner td.imgSet div .floatR {
float:right;
width:80px;
padding-top:2px !important;
padding-right:1px !important;
}

#mainColumn .mainCon01 #rssCaution {
padding-top:3px !important;
padding-right:9px;
}
#mainColumn .mainCon01 #rssCaution img { float:left;	}
#mainColumn .mainCon01 #rssCaution p {
float:right;
width:489px;
font-size:11px;
}
#mainColumn .mainCon01 #rssCaution ul { clear:both; padding-top:4px !important; }
#mainColumn .mainCon01 #rssCaution .listStyle01 { text-align:right; }

/* mainCon02 */

/* mainCon03 */
#mainColumn .mainCon03 { clear:both; }
#mainColumn .mainCon03 .listStyle01 { line-height:1.5; }

#mainColumn .mainCon03 #pickupBox {
background:transparent url(http://sumai.31sumai.com/nagoya/image/idx_cpu_bg1_btm.jpg) no-repeat 0 bottom;
width:542px;
margin-top:8px !important;
padding-bottom:4px;
}
#mainColumn .mainCon03 #pickupBoxInner {
background:transparent url(http://sumai.31sumai.com/nagoya/image/idx_cpu_bg1_top.jpg) no-repeat 0 top;
padding-top:10px;
}
#mainColumn .mainCon03 #pickupBox .pickupL {
float:left;
width:267px;
}
#mainColumn .mainCon03 #pickupBox .pickupR {
float:right;
width:257px;
padding-right:10px;
}
#mainColumn .mainCon03 #pickupBox .pickupL p.img {
float:left;
padding-left:1px;
}
#mainColumn .mainCon03 #pickupBox .pickupL dl {
float:right;
width:175px;
padding-right:13px
}
#mainColumn .mainCon03 #pickupBox .pickupL dl dt {
margin:6px 0 4px 0;
color:#539889;
font-weight:bold;
}
#mainColumn .mainCon03 #pickupBox .pickupL dl dd p { margin-bottom:13px; }

#mainColumn .mainCon03 #pickupBox .pickupL2 {
float:left;
width:400px;
padding-bottom:8px;
}
#mainColumn .mainCon03 #pickupBox .pickupR2 {
float:right;
width:130px;
padding-top:25px;
padding-right:10px;
}
#mainColumn .mainCon03 #pickupBox .pickupL2 p.img {
float:left;
padding-left:1px;
}
#mainColumn .mainCon03 #pickupBox .pickupL2 dl {
float:right;
width:308px;
padding-right:13px
}
#mainColumn .mainCon03 #pickupBox .pickupL2 dl dt {
margin:6px 0 4px 0;
color:#539889;
font-weight:bold;
}
#mainColumn .mainCon03 #pickupBox .pickupL2 dl dd p { margin-bottom:13px; }

#mainColumn .mainCon03 #pickupBox dl.pickupBoxS .listStyle01 { text-align:right; }
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS {
width:248px;
margin-bottom:7px;
padding-top:6px;
padding-right:6px;
padding-bottom:5px;
background:#f5f5f3;
border:1px solid #e2e2e2;
line-height:1.33;
}
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS dt {
float:left;
font-size:0px;
line-height:0.1;
margin-bottom:2px;
}
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS dd {
float:right;
width:170px;
}
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS dd p { margin-bottom:9px; }
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS dd ul.right { text-align:right; }

#mainColumn .mainCon03 #pickupBox2 {
clear:both;
background:transparent url(http://sumai.31sumai.com/nagoya/image/idx_cpu_bg2_btm.jpg) no-repeat 0 bottom;
width:542px;
margin-top:9px;
margin-bottom:9px;
padding-bottom:12px;
}
#mainColumn .mainCon03 #pickupBox2 .floatL {
float:left;
background:transparent url(http://sumai.31sumai.com/nagoya/image/idx_cpu_bg2_top.jpg) no-repeat 0 top;
width:267px;
padding-top:8px;
}
#mainColumn .mainCon03 #pickupBox2 .floatR {
float:right;
background:transparent url(http://sumai.31sumai.com/nagoya/image/idx_cpu_bg2_top.jpg) no-repeat 0 top;
width:267px;
padding-top:8px;
}
#mainColumn .mainCon03 #pickupBox2 .floatL p.img,
#mainColumn .mainCon03 #pickupBox2 .floatR p.img {
float:left;
padding-left:1px;
}
#mainColumn .mainCon03 #pickupBox2 .floatL dl,
#mainColumn .mainCon03 #pickupBox2 .floatR dl {
float:right;
width:175px;
padding-right:13px
}
#mainColumn .mainCon03 #pickupBox2 .floatL dl dt,
#mainColumn .mainCon03 #pickupBox2 .floatR dl dt {
margin:5px 0 4px 0;
color:#539889;
font-weight:bold;
}
#mainColumn .mainCon03 #pickupBox2 .floatL dl dd p,
#mainColumn .mainCon03 #pickupBox2 .floatR dl dd p {
margin-bottom:12px;
line-height:1.5;
}

#mainColumn .mainCon03 .contentsBox { margin-top:15px; }
#mainColumn .mainCon03 .contentsBox div.line01{
background:transparent url(http://www.31sumai.com/cmn/image/top/top001_bg002.gif) no-repeat 0 0;
margin:6px 0 0 0;
padding:10px 0 0 0;
}
#mainColumn .mainCon03 .contentsBox dl{ width:260px; }
#mainColumn .mainCon03 .contentsBox dl.floatL{
float:left;
background:transparent url(http://www.31sumai.com/cmn/image/top/top001_bg001.gif) repeat-y 100% 0;
width:260px;
padding:1px 10px 0 0;
}
#mainColumn .mainCon03 .contentsBox dl.floatR { float:right; padding-top:1px; }
#mainColumn .mainCon03 .contentsBox dt{ float:left; width:68px; margin-right:9px; }
#mainColumn .mainCon03 .contentsBox dd{ float:right; width:183px; }
#mainColumn .mainCon03 .contentsBox dd strong{ display:block; padding-bottom:4px; }

/* mainCon04 */

/* mainCon05 */


/* ---------------------------------------------------------
clearfix
--------------------------------------------------------- */
#sideColumn .sideCon02 .infoBox02:after,
#mainColumn .mainCon01 #rssBox:after,
#mainColumn .mainCon02 ul:after,
#mainColumn .mainCon03 .contentsBox div:after,
#mainColumn .mainCon03 #pickupBox:after,
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS:after,
#mainColumn .mainCon03 #pickupBox2:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#sideColumn .sideCon02 .infoBox02,
#mainColumn .mainCon01 #rssBox,
#mainColumn .mainCon02 ul,
#mainColumn .mainCon03 .contentsBox div,
#mainColumn .mainCon03 #pickupBox,
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS,
#mainColumn .mainCon03 #pickupBox2
{ display:inline-block; }
/* Hide from IE Mac \*/

#sideColumn .sideCon02 .infoBox02,
#mainColumn .mainCon01 #rssBox,
#mainColumn .mainCon02 ul,
#mainColumn .mainCon03 .contentsBox div,
#mainColumn .mainCon03 #pickupBox,
#mainColumn .mainCon03 #pickupBox dl.pickupBoxS,
#mainColumn .mainCon03 #pickupBox2
{ display:block; }
/* End hide from IE Mac */

/* clearfix ------- */
.clearB:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearB {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .clearB {
	height: 1%;
}
.clearB {
	display: block;
}
/* end of for macIE */

