/*　このCSSはスマートフォン向けです　*/

@charset "Shift_JIS";

/*　コンテンツごとに個別のスタイルを作成する際はこのシートに追記します　*/

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/


a img{border:none;}
p,dl,ul {margin:0; padding:0;}

/*　イントロダクション　*/
#casestudy_intro {width:100%; margin-bottom:15px;}
#casestudy_intro h3 {font-size:182%; line-height:1.3; font-weight:bold;color:#006598;}
#casestudy_intro .readtext {line-height:1.8; padding-top:10px;}
.note {font-size:85%; text-align:right;}

/* インデックス */
.listbox {width:100%; border:1px solid #ccc; overflow:hidden; margin:20px 0;}
.listboxnew {width:100%; background:url(../images/listbox01new.gif) no-repeat top right; border:1px solid #ccc; overflow:hidden; margin:20px 0;}
.listbox_l {padding:20px 0 0 20px; text-align:center;}
.listbox_l a img {padding:3px; border:solid 1px #ccc; width:120px;}
.listbox_l a:hover img {padding:3px; border:solid 1px #00a4d0;}
.listbox_r {font-size:120%; padding:20px;}

 div .listbtn {font-size:120%; width:100%; border:1px solid #4988C7; display:block; text-align:center; margin-top:10px; padding:5px; color:#4988C7; font-weight:bold; text-decoration:none;}
 div .listbtn:hover {background:#4988C7; color:#FFFFFF;}

.listdaijin {font-weight:bold; border-bottom:dashed 1px #ccc; padding-bottom:10px; margin-bottom:3px; line-height:1.2;}
.listvoice {font-weight:bold; color:#005D8B; border-bottom:dashed 1px #ccc; padding:10px 0; margin-bottom:10px; line-height:1.3;}
.listname {font-weight:bold; margin-bottom:10px; line-height:1.2;}
.listname span {font-size:85%; font-weight:normal;}
.listbiz {font-weight:normal; line-height:1.5; margin-bottom:20px;}
.listbiz dt {float:left; font-weight:bold; width:60px;}
.listbiz dd {font-weight:normal; margin-left:10px;}

.table_casestudy {font-size:120%;}



/* 詳細ページ */
#casestudy_catch {width:100%;}
#casestudy_catch h3 {font-size:182%; font-weight:bold; line-height:40px; background:url(../images/catch.gif) repeat-y left top; color:#005D8B;}
#casestudy_catch p.name {font-size:150%; font-weight:bold; margin:10px 0 20px 0; line-height:1.1;}
#casestudy_catch p.name span {font-size:100%; font-weight:normal; line-height:1.2;}

.mainphoto {width:100%;}
.mainphoto img {padding:3px; border:solid 1px #ccc; width:100%;}

.mainphoto2 {width:100%;}
.mainphoto2 img {padding:3px; border:solid 1px #ccc; width:100%;}

.maincopy {line-height:1.8; font-weight: bold; margin:10px 0;}
.maincopy .logo {text-align:right; margin-bottom:20px;}
.maincopy .lead {font-size:150%; font-weight:bold; text-indent:1em;}

.mainphoto400 {width:100%;}
.mainphoto400 img {padding:3px; border:solid 1px #ccc; width:100%;}

.maincopy400 {line-height:1.8; font-weight: bold;}
.maincopy400 .logo {text-align:right; margin-bottom:20px;}
.maincopy400 .lead {font-size:150%; font-weight:bold; text-indent:1em;}

#casestudy_body {width:100%; margin-bottom:20px; font-size:100%; line-height:1.6; }
#casestudy_body h4{
	border-bottom: dashed 1px #ccc;
	border-left: solid 3px #00afd7; 
	font-size:170%;
	line-height:1.2;
	font-weight:bold;
	color:#005D8B;
	padding:5px 20px 5px 10px;
	margin-top:20px;
	margin-bottom:10px;
	clear:both;
}
#casestudy_body p{text-indent:1em;}
#casestudy_body p span{font-weight:bold;}

#casestudy_body .talk_l{float:left; width:50px; font-weight:bold; padding-top:5px;}
#casestudy_body .talk_r{padding-left:50px; padding-top:5px;}

#casestudy_body .photounit {padding:0 0 5px 20px;}
#casestudy_body .photounit p{font-size:85%; line-height:1.3; text-indent:0;}
#casestudy_body .photounit img {padding:3px; border:solid 1px #ccc; margin-bottom:5px;}


/*　概要　*/
.profile {border:1px solid #CCC; padding:10px; line-height:1.4; margin:0;}
.profile_l {float:left; width:350px;}

.profile dt{font-size:125%; float:left; width:70px;}
.profile dd{font-size:125%; margin-left:70px;}

h4.info {display:none;}

.system {border:1px solid #CCC; padding:10px; line-height:1.4; margin:20px 0;}
.system li {margin:0; padding:0; list-style:none; font-weight:bold;}
.system li span {font-weight:normal;}

.system_l120 {width:120px;}
.system_r120 {font-size:150%; margin-top:20px;}
.system_r120 ul {margin-bottom:20px;}

.beforeafter1 {margin:10px 0 0 0;}
.beforeafter1 li {width:353px; border-bottom:dashed 1px #CCC; padding:5px 0; font-weight:bold; line-height:1.4; background:url(../images/system_arrow.gif) no-repeat center right;}

.beforeafter2 {margin:10px 0 0 0;}
.beforeafter2 li {width:324px; border-bottom:dashed 1px #CCC; padding:5px 0; font-weight:bold; line-height:1.4;}

.frame_solution {font-size:150%; border:1px solid #cccccc; padding:10px; margin-top:20px; background:url(../images/solution.png) no-repeat; background-position:10px 10px;}
.frame_solution ul {margin-top:30px; list-style:none;}
.frame_solution li {vertical-align:middle; background:url(../images/check.png) no-repeat left; font-weight:bold; padding:15px 0 4px 35px; border-bottom:1px dashed #cccccc;}


/*　PDFダウンロード　*/
.casepdfdl {border: solid 1px #ccc; margin:20px 0 10px 0; padding: 5px 10px;}
.casepdflink {background:url(../../common/images/icn24_pdf.gif) no-repeat left center; display:block; height:20px; padding:8px 0 3px 30px; vertical-align:middle; line-height:1.1; font-weight:bold;}
.casemovielink {background:url(../images/icn_movie.png) no-repeat left center; display:block; height:20px; padding:8px 0 3px 20px; vertical-align:middle; line-height:1.1; font-weight:bold;}



/*　PDF一覧　*/

.tablelist {
border-collapse: collapse;
border: 1px #ccc solid;
margin:10px 0px;
font-size:12px;
} 
.tablelist td {border: 1px #ccc solid; padding:5px 5px;}
.tablelist td.name {font-weight:bold;}
.tablelist td a {display:block;}


.tablelist th {background:#e9e9e9; border:1px #ccc solid; padding:5px 5px;
}
table.sort08 th.table-sortable { background-image:url(../images/08_unsorted.gif); }
table.sort08 th.table-sorted-asc { background-image:url(../images/08_ascending.gif); }
table.sort08 th.table-sorted-desc { background-image:url(../images/08_descending.gif); }

/* Striping */
tr.alternate {
	background-color:#ddf2ff;
}

/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url(../images/sortable.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url(../images/sorted_up.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url(../images/sorted_down.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url(../images/filter.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
select.table-autofilter {
	font-size:12px;
}

}/*　@mediaの綴じ括弧。削除しないでください　*/