@charset "UTF-8";

/* -----------------------------------------------
	制作事例詳細ページ
----------------------------------------------- */

#detail_container {
	margin: 0 0 0 190px;
	padding: 0;
	height: auto;
	width: 760px;
	font-size: 14px;
	line-height: 150%;
	}
	
#detail_container h2 {
	font-size: 30px;
	line-height: 120%;
	border-bottom: 1px solid #004895;
	padding: 20px 0 5px;
	margin: 10px 0 20px;
	}

#detail_container h3 {
	font-size: 20px;
	padding: 0;
	margin: 10px 0 20px;
	line-height: 130%;
	}
#detail_container h3.sub_ttl {
	font-size: 18px;
	font-weight: normal;
	}
#detail_container h3.sub_ttl img {
	vertical-align: middle;
	}
#detail_container p {
	margin: 0 0 20px;
	padding: 0;
	}

#detail_container h2.ttl {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	margin: 0 0 20px;
	font-size: 20px;
	}
#detail_container h2.red {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	margin: 0 0 20px;
	font-size: 20px;
	color: #f50000;
}
#detail_container .main_text p{
	font-size: 16px;
	margin: 0 0 20px;
	}
#detail_container .main_text_s p{
	font-size: 14px;
	margin: 0 0 20px;
	}
#detail_container ul {
	overflow: hidden;
	padding: 0;
	margin: 0 0 60px;
	}
#detail_container ul li {
	float: left;
	list-style: none; }

#detail_container ul.kodawari li {
	width: 50%;
	}

#detail_container ul.kodawari_four {
	margin: 0 0 0;
	}
#detail_container ul.kodawari_four li {
	width: 25%;
	}

#detail_container ul.tokucho {
	overflow: hidden;
	padding: 0;
	margin: 0;
        letter-spacing: -0.03rem; }

#detail_container ul.tokucho li {
	width: 50%;
	}
#detail_container ul.tokucho li.img01 {
	width: 60%;
	}
#detail_container ul.tokucho li.img02 {
	width: 40%;
	}
#detail_container ul.tokucho_three {
	margin: 0 0 60px;
	}
#detail_container ul.tokucho_three li {
	width: 33%;
	}
#detail_container ul.tokucho_three li span.bold {
        font-weight: bold;
        font-size: 14px; }

#detail_container ul.sekkeizu li {
        float: left;
        width: 371px; }
#detail_container ul.sekkeizu li.right {
        width: 389px; 
        letter-spacing: -0.05rem; }
#detail_container ul.sekkeizu li span.bold {
        font-size: 16px;
        font-weight: bold;
        padding-left: 70px; }

#detail_container .mb60 {
	margin: 0 0 60px;
	}
#detail_container .pb60 {
	padding: 0 0 60px;
	}
#detail_container .txt {
	margin: 5px 0 60px;
	}
#detail_container .box {
	border: 1px dotted #ccc;
	padding: 20px;
	font-size: 16px;
	margin: 0 0 60px;
	}
#detail_container ul.other li {
	margin: 0 26px 26px 0;
	}
#detail_container ul.other li.last {
	margin: 0 0 10px 0;
	}
#detail_container .bnr {
	margin: 0 0 10px;
	}
#detail_container .bold {
	font-weight: bold;
	font-size: 18px;
	}
#detail_container .red {
	color: #b20000;
	border-bottom: 1px solid #b20000;
	}
#detail_container .bnr02 {
	margin: 0 0 60px;
	}
#detail_container .movie_box {
        overflow: hidden; }

#detail_container .movie_box div.left {
        width: 266px; 
        float: left; }

#detail_container .movie_box p
        float: left;
        text-align: center; }

#detail_container .movie_box div.left li {
        float: none; 
        margin-bottom: 20px; }


.imgonmouse {
	overflow: hidden;
	margin: 0;
	height: 310px;
	}

.imgonmouse .main {
	float: left;
	margin: 0;
	}
.imgonmouse ul {
	float: right;
	padding: 0px;
	margin-top: 0px;
	width: 360px;
	height: 287px;
	}
.imgonmouse ul li img {
	width: 172px;
	margin: 0;
	padding: 0;
	}

.imgonmouse ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 5px 12px;
	float: left;
	}
.imgonmouse ul li.first {
	margin: 0;
	padding: 0 0 5px 0px;
	} 

/* -----------------------------------------------
	制作事例詳細リストページ
----------------------------------------------- */
#detail_list_container {
	margin: 0 0 0 190px;
	padding: 0;
	height: auto;
	width: 760px;
	font-size: 14px;
	line-height: 150%;
	}

#detail_list_container h2 {
	background: #43527f;
	color: #fff; 
	line-height: 150%; 
	padding: 5px 18px;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 25px; }

#detail_list_container .slide {
	margin-bottom: 30px; }

#detail_list_container p {
	font-size: 20px; 
	margin-bottom: 10px; }

#detail_list_container .list {
	margin-bottom: 70px; 
	overflow: hidden; }

#detail_list_container dl {
	width: 368px; 
	margin-right: 25px; 
	margin-top: 0;
	overflow: hidden; 
	float: left; }

#detail_list_container dl.last {
	width: 368px; 
	margin-right: -25px; 
	overflow: hidden; }

#detail_list_container dt {
	margin-bottom: 10px; }

#detail_list_container dd {
	margin-left: 0; }

#detail_list_container dd.title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 13px; }

#detail_list_container dd.kuwashiku:before {
	content:"⇒"; 
	color: #FF9557; }

#detail_list_container .category {
	 }

#detail_list_container .category ul {
	margin: 0 0 20px; 
	padding: 0; 
	overflow: hidden; }

#detail_list_container .category ul li {
	float: left; 
	list-style: none; 
	margin-bottom: 10px; }

#detail_list_container .category ul li.yougata {
	margin-right: 8px; }