/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

/*main.css*/
img{
border:none;
}

body{
margin:0px;
padding:0px;
background-color:#ffffff;
color:#000000;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
font-weight:100;}

a:link{
color:#000000;
text-decoration:none;}

a:hover{
color:#f60;
text-decoration:none;}

a:visited{
color:#630;
text-decoration:none;}


/* Layout */

/* BOX */
div#all{
width:768px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
overflow:hidden;
}

/* Header */
div#header{
width:768px;
height:120px;
background-image:url(../../images/head_logo.jpg);
background-repeat:no-repeat;
}
div#headlogo{
float:left;
width:250px;
}

div#telfax{
height:60px;
width:200px;
float:right;
padding-top:20px;
}
img#telfaximg{
width:200px;
height:60px;
border:none;
}
font#callus{
font-weight:bold;
color:#d28046;
}
img.accessmap{
width:150px;
height:25px;
margin:0 25px;
border:none;
}
img.accessmap a{border:none;}

/* Topmenu */

div#upmenu{
width:768px;
height:45px;
padding-top:10px;
}
div.menu_btn1 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_cmon_ipad_port.jpg);
}
div.menu_btn2 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_orderm_ipad_port.jpg);
}
div.menu_btn3 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_make_ipad_port.jpg);
}
div.menu_btn4 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_company_ipad_port.jpg);
}
div.menu_btn5 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_showroom_ipad_port.jpg);
}
div.menu_btn6 a{
width:128px;
height:35px;
float:left;
display:block;
background-image:url(../../images/menu_joinus_ipad_port.jpg);
}

/* menu mouse over */
div.menu_btn1 a:hover{background-image:url(../../images/menu_cmon_ipad_port.jpg);}
div.menu_btn2 a:hover{background-image:url(../../images/menu_orderm_ipad_port.jpg);}
div.menu_btn3 a:hover{background-image:url(../../images/menu_make_ipad_port.jpg);}
div.menu_btn4 a:hover{background-image:url(../../images/menu_company_ipad_port.jpg);}
div.menu_btn5 a:hover{background-image:url(../../images/menu_showroom_ipad_port.jpg);}
div.menu_btn6 a:hover{background-image:url(../../images/menu_joinus_ipad_port.jpg);}


/* Sidemenu */
div#sidemenu{
width:195px;
height:100%;
min-height:250px;
float:left;
margin:5px 0 0 0;
}
p.s_menu{
width:195px;
height:45px;
margin:0 0;
padding:0 0;
}
div.s_menu_cat1 a{margin:3px; 0 3px 0;height:45px;background-image:url(../../images/cat_room.jpg);}
div.s_menu_cat2 a{margin:0 0 3px 0;height:45px;background-image:url(../../images/cat_type.jpg);}
div.s_menu_cat3 a{margin:0 0 3px 0;height:45px;background-image:url(../../images/cat_size.jpg);}
div.s_menu_cat4 a{margin:0;height:45px;background-image:url(../../images/cat_keyword.jpg);}
div.s_menu_sr a{margin:3px 0 3px 0;height:45px;background-image:url(../../images/sm_srguide.jpg);}
div.s_menu_ps a{margin:0 0 3px 0;height:45px;background-image:url(../../images/sm_ps.jpg);}
div.s_menu_qa a{margin:0 0 3px 0;height:45px;background-image:url(../../images/sm_qa.jpg);}
div.s_menu_blog a{margin:0;height:45px;background-image:url(../../images/sm_blog.jpg);}

div.s_menu_cat1 a:hover{background-image:url(../../images/cat_room_on.jpg);}
div.s_menu_cat2 a:hover{background-image:url(../../images/cat_type_on.jpg);}
div.s_menu_cat3 a:hover{background-image:url(../../images/cat_size_on.jpg);}
div.s_menu_cat4 a:hover{background-image:url(../../images/cat_keyword_on.jpg);}
div.s_menu_sr a:hover{background-image:url(../../images/sm_srguide_off.jpg);}
div.s_menu_ps a:hover{background-image:url(../../images/sm_ps_off.jpg);}
div.s_menu_qa a:hover{background-image:url(../../images/sm_qa_off.jpg);}
div.s_menu_blog a:hover{background-image:url(../../images/sm_blog.jpg);}

a.s_menu{display:block;}

/* side ad */
div.sidead{
width:195px;
min-height:20px;
}
div.sidead0{
width:195px;
min-height:20px;
}
img.sideadimg0{
border:none;
width:195px;
height:120px;
}
img.sideadimg1{
border-top:1px dotted #000;
margin-top:5px;
padding-top:5px;
width:195px;
height:80px;
}
img.sideadimg2{
border:none;
width:195px;
height:40px;
}
img.sideadimgqr{
border:none;
width:195px;
height:195px;
}

/* footer */
div#footer{
width:768px;
height:45px;
margin-bottom:0px;
float:left;
padding-top:10px;
*text-align:center;
}
div#company_bar{
width:768px;
height:30px;
text-align:center;
padding-top:10px;
margin:5px 0 15px 0;
float:left;
}
div.footer_banner{
width:135px;
height:25px;
text-align:center;
vertical-align:middle;
float:float;
border-right:1px solid #000;
padding-top:15px;
}
div.footer_banner_r{
width:135px;
height:25px;
text-align:center;
vertical-align:middle;
float:left;
border-right:1px solid #000;
padding-top:15px;
}
div.footer_banner_l{
width:135px;
height:25px;
margin-left:114px;
float:left;
text-align:center;
vertical-align:middle;
border-left:1px solid #000;
border-right:1px solid #000;
padding-top:15px;
}
a.footer_btn{
width:135px;
height:45px;
margin:0 auto;
}

/* コンテンツボックス(編集領域) */
div#contents{
width:570px;
float:right;
}

/* 基本テキストボックス */
div.cont_text{
padding:10px; 10px;
}
font.cont_text{
line-height:2em;
}

/*BOTTOM START*/
#bottom{
float:left;
padding:0px;
width:768px;
text-align:center;}

div#bottommenu{
width:507px;
height:30px;
margin-top:10px;
padding:5px 5px;
vertical-align:middle;
}
div.bmenu1{
float:left;
width:125px;
height:30px;
border-left:#583822 1px solid;
}
div.bmenu2{
float:left;
width:125px;
height:30px;
border-left:#583822 1px solid;
border-right:#583822 1px solid;
}
p.bmenu0{
padding-top:8px;
}

.bmenu01{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
margin:12px 0px 20px 0px;
padding:0px;
}

/*BOTTOM FINISH*/


/*page css*/
div#companyinfo0{
width:560px;
padding-left:0px;
}
p.info0{
width:540px;
}









}