@charset "utf-8";


/*================
#top
=================*/


#top.page .content01{
	overflow: auto;
	overflow-x:hidden;
	width:1000px;
	margin:0 auto;
}
#top.page .content01.scroll{
	height:360px;
}
#top.page .content01 .mCustomScrollBox .mCSB_scrollTools{
	top:20px !important;
}

/*--Flip部分--*/
		
#top .flip-container:hover .flipper{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
#top .flip-container.f07:hover .flipper,
#top .flip-container.f08:hover .flipper{
	transform:none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	-sand-transform: none;
}


#top .flip-container, .front, .back {
	width: 236px;
	height: 236px;
	border-radius:118px;
	-moz-border-radius:118px;
	-webkit-border-radius: 118px;
	-o-border-radius:118px;
	-ms-border-radius: 118px;
	/*behavior: url(script/pc/PIE.htc);*/
}
		
#top .flip-container{
	float: left;
	margin:0 10px 15px 0;
	cursor: pointer;
}
#top .flip-container.f07,
#top .flip-container.f08{cursor:default;}
		
#top .flip-container.f04,
#top .flip-container.f08{
	margin-right:0;
}

#top .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-sand-transition: 0.6s;
	-sand-transform-style: preserve-3d;
	position: relative;
}
		
#top .flipper a{
	/*display:block;*/
	width: 100%;
	height: 100%;
}

#top .front, .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-sand-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
}

#top .front {
	z-index: 2;
	background: #fff;
	width: 176px;/*236*/
	height: 176px;/*236*/
	border: 30px solid #fff;
}
#top .front .f_inner{
	width: 176px;/*236*/
	height: 176px;/*236*/
	border-radius:118px;
	-moz-border-radius:118px;
	-webkit-border-radius: 1198px;
	-o-border-radius:118px;
	-ms-border-radius: 118px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	/*behavior: url(script/pc/PIE.htc);*/
}
#top .front .f_inner.gray{
	background:#efefef;
	color:#666666;
	font-size: 200%;
}
#top .flip-container.f07 .front .f_inner,
#top .flip-container.f08 .front .f_inner{
	width: 166px;/*236*/
	height: 166px;/*236*/
	border:5px solid #efefef;
	/*behavior: url(script/pc/PIE.htc);*/
}
#top .flip-container.f07 .front .f_inner.gray{/background:#d02934;}
html>/**/body #top .flip-container.f07 .front .f_inner.gray{background /*\**/:#d02934\9;}
#top .flip-container.f08 .front .f_inner.gray{/background:#005e92;}
html>/**/body #top .flip-container.f08 .front .f_inner.gray{background /*\**/:#005e92\9;}


#top .front .f_inner.gray span{
	color:#1d1d1d;
	font-size: 50%;
}
#top .front .f_inner.black{
	background:#1d1d1d;
	color:#dedede;
	font-size: 200%;
}
#top .front .f_inner.black span{
	color:#ffffff;
	font-size: 50%;
}

#top .back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
#top .back .b_inner{
	color:#333333;
	font-size: 180%;
	width: 236px;
	height: 236px;
	border-radius:118px;
	-moz-border-radius:118px;
	-webkit-border-radius: 1198px;
	-o-border-radius:118px;
	-ms-border-radius: 118px;
	display:table-cell;
	vertical-align: middle;
	/*behavior: url(script/pc/PIE.htc);*/
	text-indent:-9999px;
}

#top .f01 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_01.png) center center no-repeat;}
#top .f02 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_02.png) center center no-repeat;}
#top .f03 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_03.png) center center no-repeat;}
#top .f04 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_04.png) center center no-repeat;}
#top .f05 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_05.png) center center no-repeat;}
#top .f06 .back .b_inner{background:url(/src/pc/default/image/top/ura/ura_06.png) center center no-repeat;}
		




/*================
中ページ共通
=================*/

.page .inner .content02,
.page .inner .content03,
.page .inner .content04,
.page .inner .content05,
.page .inner .content06,
.page .inner .content07,
.page .inner .content09,
.page .inner .content10,
.page .inner .content11,
.page .inner .content12{
	overflow: auto;
}
.page .inner .content08{
	height:410px;
}

.page .inner .content02.scroll{
	height:320px;
}
.page .inner .content03.scroll,
.page .inner .content04.scroll,
.page .inner .content05.scroll,
.page .inner .content06.scroll,
.page .inner .content07.scroll,
.page .inner .content08.scroll,
.page .inner .content09.scroll,
.page .inner .content10.scroll,
.page .inner .content11.scroll,
.page .inner .content12.scroll{
	height:280px;
}




/*================
#concept
=================*/

#contents #concept h3{
	font-size:240%;
	line-height:1.2;
	margin-bottom:12px;
}



/*================
#profile
=================*/

#profile .inner h3{
	margin-bottom:20px;
}

#profile .inner div.flo_left{
	width: 62%;
}
#profile .inner div.flo_right{
	width: 34%;
	padding-top: 6px;
}

#profile .inner dl{
	width:100%;
	line-height:1.35;
}
#profile .inner dl dt{
	padding:5px 6px 7px 19px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 8px no-repeat;
	float: left;
	font-weight: bold;
}
#profile .inner dl dd{
	padding:5px 6px 7px 115px;
	border-bottom: 1px dotted #999;
	margin-bottom:4px;
}
#profile .inner dl dd li{
	background:url(/src/pc/default/image/common/icon_triangle_black.png) 0 2px no-repeat;
	padding-left:16px;
	font-size: 100%;
}

#profile .inner p.icon{
	background:url(/src/pc/default/image/common/icon_black.png) 0 2px no-repeat;
	padding:0 6px 0 19px;
	margin-bottom:0;
	font-weight: bold;
}

#profile .inner div.map{
	width: 280px;
	height:175px;
	border: 1px solid #fff;
	background: #fff;
	margin: 3px 0 20px 6px;
}




/*================
#about
=================*/

#about .inner p img{
	vertical-align: -1px;
	margin-right:2px;
}


/*================
#privacy
=================*/


#privacy .inner ol{
	padding-left: 20px;
	color:#cb0000;
	font-weight:bold;
	margin-top:20px;
}
#privacy .inner ol > li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom:20px;
	font-size: 110%;
}
#privacy .inner ol > li dt{
	font-weight:bold;
	margin-bottom:6px;
}
#privacy .inner ol > li dd{
	font-weight:normal;
	color:#333;
	font-size:100%;
}
#privacy .inner ol > li p{
	font-size:100%;
}

#privacy .inner ol > li dd ul{
	margin-bottom:10px;
}
#privacy .inner ol > li dd ul li{
	padding-left:16px;
	background:url("/src/pc/default/image/common/icon_triangle_black.png") no-repeat 0 2px;
	font-size:100%;
}

#privacy .inner h4{
	margin-top:25px;
}

#privacy .inner dl.window{
	margin-left: 28px;
}
#privacy .inner dl.window dt{
	padding:4px 20px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 4px no-repeat;
	float: left;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}
#privacy .inner dl.window dd{
	padding:4px;
	border-bottom: 1px dotted #999;
	margin-bottom:3px;
	margin-right:25px;
	width:15%;
	float: left;
}


/*================
#sitemap
=================*/

#sitemap .inner ul{
	margin-left: 28px;
}
#sitemap .inner ul li{
	padding: 6px 6px 6px 18px;
	background:url(/src/pc/default/image/common/icon_black.png) 0 7px no-repeat;
	float:left;
	margin-right:10px;
	margin-bottom: 5px;
	width:120px;
}
#sitemap .inner ul li a{
	color: #333;
	/* CSS3 Transition Magic */
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
#sitemap .inner ul li a:hover{
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

/*================
#service
=================*/

#service .inner h4{
	margin-bottom:5px;
}



/*================
#staff
=================*/

#staff .inner{
}



/*================
#news
=================*/

#news .inner ul{
	line-height:1.6;
	margin: 0 25px;
	height: 150px;
	overflow: auto;
	padding-right:20px;
}
#news .inner ul li{
	border-bottom: 1px dotted #999;
	margin-bottom:4px;
	clear:both;
	padding: 6px 0 5px;
}
#news .inner ul li span.date{
	float: left;
	background:url(/src/pc/default/image/common/icon_red.png) 0 4px no-repeat;
	color:#666;
	margin: 0 20px 8px 0;
	padding-left:20px;
}

#news .inner ul li a{
	text-decoration: none;
	display: block;
	padding:2px 5px 0;
}
#news .inner ul li a:hover{
	background-color: rgba(255,255,255,0.7);
	/* CSS3 Transition Magic */
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
}



/*================
404 Not Found
#error
=================*/

#error .bg_box {
    width:950px;/*980*/
    height:270px;/*300*/
    padding:15px;
    margin:150px auto 0;
    background: url(/src/pc/default/image/error/h2.png) 0 0 no-repeat;
}

#error #box {
    width:950px;
    height:270px;
    margin:0 auto;
    text-align:left;
}

#error h3{margin-bottom:23px;}

#error p.pick {
    font-size: 130%;
    line-height: 1.45;
    margin: 0 0 20px;
}














/*================================
==================================
.iframe 共通
==================================
==================================*/


.iframe #wrap{
	text-shadow:0px 0px 1px #fff,1px 1px 1px #fff;
	-webkit-text-shadow:0px 0px 1px #fff,1px 1px 1px #fff;
	-o-text-shadow:0px 0px 1px #fff,1px 1px 1px #fff;
	-ms-text-shadow:0px 0px 1px #fff,1px 1px 1px #fff;
	margin:20px;
	text-align:left;
	position: relative;
}

.iframe .article{
	margin: 0 20px 30px;
}

.iframe h3{
	margin-bottom:23px;
}

.iframe h4{
	background: url(/src/pc/default/image/common/h4_icon.png) 0 0 no-repeat;
	padding:0 0 0 30px;
	font-weight: bold;
	font-size:155%;
	color:#333333;
}

.iframe p{
	line-height:1.45;
	margin:0 0 15px 0;
}

.iframe p.pick{
	font-size:130%;
}


/*================
#contact
=================*/

#contact .cont.box01,
#contact02 .cont.box01{
	background: url(/src/pc/default/image/contact/h2.png) right 0 no-repeat;
	padding-top:7px;
}

/*================
#recruit
=================*/

/*--#intern--*/
/*--#recruit01--*/

#intern .cont.box01,
#recruit01 .cont.box01{
	background: url(/src/pc/default/image/recruit/h2.png) right 0 no-repeat;
	padding-top:7px;
}
#intern .cont.box01 .section,
#recruit01 .cont.box01 .section{
	margin-bottom:20px;
}
#intern .cont.box01 h5,
#recruit01 .cont.box01 h5{
	margin:0 28px 6px;
	padding-left:16px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 4px no-repeat;
	font-size:130%;
	color:#cb0000;
}
#intern .cont.box01 h6,
#recruit01 .cont.box01 h6{
	margin:0 28px 6px;
	font-size:110%;
}
#intern .cont.box01 .section p,
#recruit01 .cont.box01 .section p{
	margin:0 28px 10px;
}


/*==-----------------------------------------------
form
-------------------------------------------------*/

/*-- 共通 --*/

form input.btn{
	border: none;
	padding: 10px 20px;
	width: 230px;
	color:#fff;
	font-weight:bold;
	cursor: pointer;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	font-size: 125%;
	border-radius:50px ;
	-webkit-border-radius:50px ;
	-o-border-radius:50px ;
	-ms-border-radius:50px ;
	/* CSS3 Transition Magic */
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
form input.btn:hover{
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}


/*-- index --*/

#contact.index .cont .content,
#contact02.index .cont .content,
#intern.index .cont .content,
#recruit01.index .cont .content{
		height:180px;
		overflow: auto;
		margin-bottom:20px;
		border-bottom:1px solid #fff;
}

.index .cont dl{
	margin: 0 28px 20px 28px;
	/*height:180px;
	overflow: auto;*/
	padding:0 20px 0 0;
}

.index .cont dl dt{
	list-style-type: decimal;
	list-style-position: outside;
	color:#cb0000;
	font-weight: bold;
	margin-bottom:3px;
}
.index .cont dl dd{
	padding-left: 12px;
	margin-bottom:13px;
}

.index form p.accept{
    background: none repeat scroll 0 0 #ffffff;
    padding: 20px;
    text-align: center;
}

form input.btn.b01{
	background: #222222 url(/src/pc/default/image/common/icon_white.png) 93% 50% no-repeat;
	padding: 10px 40px 10px 20px;
}


/*-- form --*/

.form form span{
	color: #F00;
}

.form form dl{
	margin: 0 28px 20px 28px;
}
.form form dl dt{
	padding:6px 6px 8px 19px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 8px no-repeat;
	float: left;
	font-weight: bold;
}
.form form dl dd{
	padding:6px 6px 8px 200px;
	border-bottom: 1px dotted #999;
	margin-bottom:4px;
}

.form form dl dd input,
.form form dl dd textarea{
	padding: 5px 10px;
	border:1px solid #ccc;
}
.form form dl dd input:focus,
.form form dl dd textarea:focus{
	border:1px solid #ae933f;
}

form input.btn.b02{
	background: #222222 url(/src/pc/default/image/common/icon_white.png) 93% 50% no-repeat;
	padding: 10px 40px 10px 20px;
}



/*-- confirm --*/

.confirm form dl{
	margin: 0 28px 20px 28px;
}
.confirm form dl dt{
	padding:6px 6px 8px 19px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 9px no-repeat;
	float: left;
	font-weight: bold;
	line-height:1.8;
}
.confirm form dl dd{
	padding:6px 6px 8px 200px;
	border-bottom: 1px dotted #999;
	margin-bottom:4px;
	line-height:1.8;
	font-size:120%;
}

form input.btn.b03{
	background: #cccccc url(/src/pc/default/image/common/icon_white_left.png) 7% 50% no-repeat;
	padding: 10px 20px 10px 40px;
}
form input.btn.b04{
	background: #222222 url(/src/pc/default/image/common/icon_white.png) 93% 50% no-repeat;
	padding: 10px 40px 10px 20px;
}





/*================
#news_detail
=================*/

#news_detail .cont .content{
	/*height:400px;*/
	overflow: auto;
}

#news_detail .cont.box01{
	background: url(/src/pc/default/image/news/h2.png) right 0 no-repeat;
	padding-top:7px;
}

#news_detail h3 {
	margin-bottom:26px;
}

#news_detail h4 span.date{
	font-size:70%;
	margin-left: 15px;
}

#news_detail .article p{
	line-height: 1.6;
	font-size:110%;
}




/*================
#works
=================*/

#works .inner .box_carou,
#works .inner .box_carou02{position:relative;}

#works .inner .caroufredsel_wrapper{
	margin:10px auto 30px !important;
}

#works .inner #carou,
#works .inner #carou02{
}
#works .inner #carou li,
#works .inner #carou02 li{
	width:150px;
	height:150px;
	float:left;
	margin-right: 15px;
}
#works .inner #carou li a,
#works .inner #carou02 li a{
	display: block;
	width:116px;/*150*/
	height:118px;/*150*/
	padding:6px 6px 6px 8px;
	color:#efefef;
	border: 10px solid #efefef;
	background:#1d1d1d ;
	font-size: 110%;
	font-weight:bold;
	text-decoration:none;
	text-shadow:none;
	/* CSS3 Transition Magic */
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}

#works .inner #carou li a.web01{background:#1d1d1d url(/src/pc/default/image/works/works_icon01.png) right bottom no-repeat;}
#works .inner #carou li a.web02{background:#1d1d1d url(/src/pc/default/image/works/works_icon02.png) right bottom no-repeat;}
#works .inner #carou li a.web03{background:#1d1d1d url(/src/pc/default/image/works/works_icon03.png) right bottom no-repeat;}
#works .inner #carou li a.web04{background:#1d1d1d url(/src/pc/default/image/works/works_icon04.png) right bottom no-repeat;}
#works .inner #carou li a.web05{background:#1d1d1d url(/src/pc/default/image/works/works_icon05.png) right bottom no-repeat;}
#works .inner #carou li a.web06{background:#1d1d1d url(/src/pc/default/image/works/works_icon06.png) right bottom no-repeat;}
#works .inner #carou li a.web07{background:#1d1d1d url(/src/pc/default/image/works/works_icon07.png) right bottom no-repeat;}
#works .inner #carou li a.web08{background:#1d1d1d url(/src/pc/default/image/works/works_icon08.png) right bottom no-repeat;}
#works .inner #carou li a.web09{background:#1d1d1d url(/src/pc/default/image/works/works_icon09.png) right bottom no-repeat;}
#works .inner #carou li a.web10{background:#1d1d1d url(/src/pc/default/image/works/works_icon10.png) right bottom no-repeat;}

#works .inner #carou02 li a.event01{background:#1d1d1d url(/src/pc/default/image/works/works_icon11.png) right bottom no-repeat;}
#works .inner #carou02 li a.event02{background:#1d1d1d url(/src/pc/default/image/works/works_icon12.png) right bottom no-repeat;}
#works .inner #carou02 li a.event03{background:#1d1d1d url(/src/pc/default/image/works/works_icon13.png) right bottom no-repeat;}
#works .inner #carou02 li a.event04{background:#1d1d1d url(/src/pc/default/image/works/works_icon14.png) right bottom no-repeat;}

#works .inner #carou li a:hover,
#works .inner #carou02 li a:hover{
	color:#1d1d1d;
	border: 10px solid #1d1d1d;
	background:#efefef;
}

#works .inner #carou li a.web01:hover{background:#efefef url(/src/pc/default/image/works/works_icon01.png) right bottom no-repeat;}
#works .inner #carou li a.web02:hover{background:#efefef url(/src/pc/default/image/works/works_icon02.png) right bottom no-repeat;}
#works .inner #carou li a.web03:hover{background:#efefef url(/src/pc/default/image/works/works_icon03.png) right bottom no-repeat;}
#works .inner #carou li a.web04:hover{background:#efefef url(/src/pc/default/image/works/works_icon04.png) right bottom no-repeat;}
#works .inner #carou li a.web05:hover{background:#efefef url(/src/pc/default/image/works/works_icon05.png) right bottom no-repeat;}
#works .inner #carou li a.web06:hover{background:#efefef url(/src/pc/default/image/works/works_icon06.png) right bottom no-repeat;}
#works .inner #carou li a.web07:hover{background:#efefef url(/src/pc/default/image/works/works_icon07.png) right bottom no-repeat;}
#works .inner #carou li a.web08:hover{background:#efefef url(/src/pc/default/image/works/works_icon08.png) right bottom no-repeat;}
#works .inner #carou li a.web09:hover{background:#efefef url(/src/pc/default/image/works/works_icon09.png) right bottom no-repeat;}
#works .inner #carou li a.web10:hover{background:#efefef url(/src/pc/default/image/works/works_icon10.png) right bottom no-repeat;}

#works .inner #carou02 li a.event01:hover{background:#efefef url(/src/pc/default/image/works/works_icon11.png) right bottom no-repeat;}
#works .inner #carou02 li a.event02:hover{background:#efefef url(/src/pc/default/image/works/works_icon12.png) right bottom no-repeat;}
#works .inner #carou02 li a.event03:hover{background:#efefef url(/src/pc/default/image/works/works_icon13.png) right bottom no-repeat;}
#works .inner #carou02 li a.event04:hover{background:#efefef url(/src/pc/default/image/works/works_icon14.png) right bottom no-repeat;}

/*-arrow-*/
a.prev, a.next {
	background: url(/src/pc/default/image/works/works_carou_arrow.png) no-repeat transparent;
	width: 15px;
	height: 25px;
	display: block;
	position: absolute;
	top: 62px;
}
a.prev {
	left: 0;
	background-position: 0 0;
}
a.prev:hover {background-position: 0 -25px; }

a.next {
	right: 0;
	background-position: -15px 0;
}
a.next:hover {background-position: -15px -25px; }
a.prev span, a.next span {
	display: none;
}

#works .inner .box_carou02 a.next,
#works .inner .box_carou02 a.prev{display:none;}





/*================
#works_detail
=================*/

#works_detail .cont.box01{
	background: url(/src/pc/default/image/works/h2.png) right 0 no-repeat;
	padding-top:7px;
}

/*サイド部分*/

#works_detail .works_nav{
	position: fixed;
	right: 0;
}
#works_detail.web .works_nav{
	top: 50%;
	margin-top:-196px;
	width: 137px;
	height:392px;
	background: url(/src/pc/default/image/works/works_side_bg01.png) 0 0 no-repeat;
}
#works_detail.event .works_nav{
	top: 50%;
	margin-top:-143px;
	width: 165px;
	height:286px;
	background: url(/src/pc/default/image/works/works_side_bg02.png) 0 0 no-repeat;
}

#works_detail.web .works_nav ul{
	margin: 60px 10px 0 18px;
}
#works_detail.event .works_nav ul{
	margin: 75px 8px 0 40px;
}

#works_detail .works_nav ul li{
	text-shadow:none;
	border-bottom: 1px dotted #7F7F7F;
}

#works_detail .works_nav ul li a{
	height:100%;
	display: block;
	color: #fff;
	font-weight:bold;
	font-size: 80%;
	text-decoration:none;
	background: url(/src/pc/default/image/common/icon_white.png) 0 7px no-repeat;
	padding: 8px 0 8px 18px;
	/* CSS3 Transition Magic */
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
#works_detail .works_nav ul li a:hover{
	background: url(/src/pc/default/image/common/icon_yellow.png) 0 7px no-repeat;
	color: #bfa556;
}

/*メイン部分*/

#works_detail .article2{
	margin: 0 20px 30px;
}

#works_detail.web .article2 > ul {margin-right:80px;}
#works_detail.event .article2 > ul {margin-right:100px;}

#works_detail .article2 > ul > li{
	width: 200px;/*220*/
	height: 240px;/*255*/
	background: #fff;
	border:1px solid #999;
	float: left;
	margin: 0 20px 20px 0;
	padding:7px 10px 8px 10px;
}
#works_detail.event .article2 > ul > li{
	height: 60px;/*75*/
}
/*#works_detail .article2 > ul > li:nth-child(3n){
	margin: 0 0 20px 0;
}*/

#works_detail .article2 h5{
	margin-bottom:5px;
	background: url(/src/pc/default/image/works/h5_icon.png) 0 1.2px no-repeat;
	font-size: 110%;
	font-weight:bold;
	padding-left:15px;
	line-height:1.2;
}

#works_detail .article2 ul li a{
	display:block;
	margin:-2px 0 3px;
}
#works_detail .article2 ul li img{
	 width:100%;
	 height:150px;
}
#works_detail .article2 ul li a.text{
	font-size:80%;
	color: #777;
	text-decoration:none;
	line-height:1;
	margin:0;
	width: 200px;  
	 white-space: nowrap;  
	 overflow: hidden;  
	 text-overflow: ellipsis;  
	 -webkit-text-overflow: ellipsis;  
	 -o-text-overflow: ellipsis;
	 -ms-text-overflow: ellipsis; 
}
#works_detail .article2 ul li a.text:hover{
	color: #333;
	text-decoration:underline;
}

#works_detail .article2 ul li ul.produce{
	margin-top:3px;
	clear: both;
}

#works_detail .article2 ul li ul.produce li{
	width: 32.5%;
	padding: 2px 0 1px;
	margin:0 2px 2px 0;
	text-align:center;
	float:left;
	background: #cb0000;
	font-size:85%;
	text-shadow:none;
	color:#fff;
}
#works_detail .article2 ul li ul.produce li:nth-child(3n){
	margin:0 0 2px 0;
}
#works_detail .article2 ul li ul.produce li.non{
	background: #bbbbbb;
}

#works_detail .article2 ul li .foreign{
}






/*================
#privacy_detail
=================*/

#privacy_detail .cont .content{
	/*height:400px;*/
	overflow: auto;
}

#privacy_detail .cont.box01{
	background: url(/src/pc/default/image/privacy/h2.png) right 0 no-repeat;
	padding-top:7px;
}

#privacy_detail p.pageback{margin-top:5px;}
#privacy_detail p.pageback a{
	padding: 3px 8px 2px 23px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	background: #222222 url(/src/pc/default/image/common/icon_white_left.png) 6px 5px no-repeat;
	text-shadow:none;
	border-radius:15px ;
	-webkit-border-radius:15px ;
	-o-border-radius:15px ;
	-ms-border-radius:15px ;
}


/*--proceed--*/

#privacy_detail.proceed .article ul.triangle{
	margin:0 0 20px 0;
}
#privacy_detail.proceed .article ul.triangle li{
	padding-left:16px;
	background:url("/src/pc/default/image/common/icon_triangle_black.png") no-repeat 0 2px;
}

#privacy_detail.proceed .article table{
	width:100%;
	margin-bottom:3px;
}
#privacy_detail.proceed .article table th{
	background:#eee;
	border:1px #999 solid;
	border-collapse:collapse;
	padding:5px;
	text-align:center;
}
#privacy_detail.proceed .article table td{
	background:#fff;
	border:1px #999 solid;
	border-collapse:collapse;
	padding:5px;
	text-align:center;
}

#privacy_detail.proceed .article dl{
	margin:0 0 20px 0;
}
#privacy_detail.proceed .article dt{
	padding:5px 6px 7px 19px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 8px no-repeat;
	float: left;
	font-weight: bold;
}
#privacy_detail.proceed .article dd{
	padding:5px 6px 7px 200px;
	border-bottom: 1px dotted #999;
	margin-bottom:4px;
}


/*--index--*/

#privacy_detail.index ol{
	padding-left: 20px;
	color:#cb0000;
	font-weight:bold;
	margin-top:20px;
}
#privacy_detail.index ol > li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom:20px;
	font-size: 110%;
}
#privacy_detail.index ol > li dt{
	font-weight:bold;
	margin-bottom:6px;
}
#privacy_detail.index ol > li dd{
	font-weight:normal;
	color:#333;
	font-size:100%;
}
#privacy_detail.index ol > li p{
	font-size:100%;
}

#privacy_detail.index ol > li dd ul{
	margin-bottom:10px;
}
#privacy_detail.index ol > li dd ul li{
	padding-left:16px;
	background:url("/src/pc/default/image/common/icon_triangle_black.png") no-repeat 0 2px;
	font-size:100%;
}

#privacy_detail.index h4{
	margin-top:25px;
}

#privacy_detail.index dl.window{
	margin-left: 28px;
}
#privacy_detail.index dl.window dt{
	padding:4px 20px;
	background:url(/src/pc/default/image/common/icon_red.png) 0 4px no-repeat;
	float: left;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}
#privacy_detail.index dl.window dd{
	padding:4px;
	border-bottom: 1px dotted #999;
	margin-bottom:3px;
	margin-right:25px;
	width:15%;
	float: left;
}








/*================
#mobile_detail
=================*/

#mobile_detail .cont.box01{
	background: url(/src/pc/default/image/mobile/h2.png) right 0 no-repeat;
	padding-top:7px;
}