@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:959px){

/*************
ユーザー管理
*************/

/* member/index.html */
#mypage-top div.menu img, #mypage-top div.menu input {
padding: 8px 12px 8px 12px;
}

section.content div#mypage-top img{
width:49%;
height:auto;
}

section.content div#mypage-top input{
width:49%;
height:auto;
}
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){


/*************
/* ヘッダー
*************/
#header{
height:auto;
padding-bottom:20px;
position:relative;
}

#header h1,.logo,.info,.submenu,.logo-img{text-align:center;}

/*************
/* ロゴ
*************/
.logo{
clear:both;
width:100%;
float:none;
margin:0;
}

.info{
display:none;
}

.logo-img{
display:none;
}


/*************
/* サブメニュー
*************/
.submenu{
clear:both;
position:static;
padding-top:10px;
}


/*************
/* メイン コンテンツ
*************/

/* イメージ幅 */
section.content img.topics{
max-width:95%;
height:auto;
}

/* 回込/左 */
.alignleft,.alignleft2{
float:none;
display:block;
margin:0 auto 10px;
}

/* 回込/右 */
.alignright,.alignright2{
float:none;
display:block;
margin:0 auto 10px;
}

/* index.html/上部の左のボタン */
div.btn-l_box{
float:none;
width:100%;
}

/* index.html/上部の右のボタン */
div.btn-r_box{
float:none;
width:100%;
}

/* index.html/セクションブロック左側 */
section.content div.left{
float: none;
width: 100%;
}

/* index.html/セクションブロック右側 */
section.content div.right{
float: none;
width: 100%;
}

/* service.html/ブロック */
/*ul.block_list li{
float: left;
width: 45%;
height:250px;
}*/

/* service.html/ブロック */
ul.block_list li{
float: none;
width: 90%;
margin: 25px auto;
height:250px;
}

/* cps-j.html/ブロック */
.cps-j div.menu img, .cps-j_wtd div.menu img{
padding:20px 8px 0px 8px;
}

ul.block_list3 li{
float: left;
width: 45%;
}

/* 破線 */
hr.hasen2{
margin:0px 0px 10px 0px;
border-width:1px 0 0 0; /* 太さ */
border-style:dotted;     /* 線の種類 */
border-color:#FFF;      /* 線の色 */
}

/* コンテンツ下の会員登録ボタンエリア */
#helpBox div.btn-l_box {
float: none;
width: 100%;
}

#helpBox div.btn-r_box {
float: none;
width: 100%;
}


/* member/index.html */
section.content div#mypage-top img{
width:49%;
height:auto;
}

section.content div#mypage-top input{
width:49%;
height:auto;
}

}

@media only screen and (max-width:520px){
	
/*************
/* メイン コンテンツ
*************/

/*************
テーブル
*************/
/*table tr{
display:block;
margin-bottom:1.2em;
}
table th{
background-color:#FBFFEE;
background-repeat:repeat-x;
font-weight:normal;
}
table th{
width:100%;
text-align:left;
display:block;
list-style:none;
}

table td{
text-align:left;
display:list-item;
list-style:none;
}
table.table_info {
width:94%;
margin:15px auto 10px;
}
table th.th_head{
font-size:13px;
}
table td.td_odd{
font-size:12px;
}*/

.ResTableA, .ResTableB{
border:none;
width:94%;
}
.ResTableA tr, .ResTableB tr{
width:100%;
margin-bottom:1.2em;
border:1px solid #D5D5D5;
display:block;
}
.ResTableA th, .ResTableB th{
width:100%;
display:block;
margin:0 auto;
border-top:none;
border-right:none;
border-bottom:2px solid #D5D5D5;
border-left:none;
text-align:left;
}
.ResTableA td, .ResTableB td{
width:100%;
display:list-item;
list-style:none;
border-top:none;
}

input.name01 {width:35%;}

input.name02 {width:35%; margin:4px 0px 0px 0px;}

input.zip01 {width:20%; margin:0px 0px 0px 0px;}

input.zip02 {width:25%; margin:0px 0px 0px 0px;}

input.skill {width:99%; display:block;}

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

/*************
/* サイドバー
*************/
#menber div.id {
margin:0 auto;
width:80%;
float:none;
}

#menber div.pass {
margin:0 auto;
width:80%;
float:none;
}


/*************
/* メイン コンテンツ
*************/

#kouza {
width:100%;
margin: 0 auto;
position: relative;
}

#kouza div {
margin:10px auto 0;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

#kouza div {
width:100%\9;/*IE8以降*/
}



/* sitemap.html/ブロック */
div.sitemapList ul li.boxs{
float: none;
width: 90%;
}

div.sitemapList ul li.boxs{
padding: 0px 0px 4px 0px;
}

/* cps-j.html/ブロック */
.cps-j-zu img{
padding:20px 20px 0px 0px;
}

.cps-j div.menu img, .cps-j_wtd div.menu img{
padding: 18px 8px 0px 8px;
}

.cps-j_wtd div.menu img{
width:100%;
}

ul.block_list3 li{
float: none;
width: 90%;
margin: 25px auto;
}

div .h2 p.text2 {
padding:0px 20px 20px 20px;
background-color:#FFF;
}

/*************
ユーザー管理
*************/

/* member/index.html */
section.content div#mypage-top img{
width:95%;
height:auto;
}

section.content div#mypage-top input{
width:95%;
height:auto;
}

}