@charset "utf-8";
/* �u���t�H�[���v�p�X�^�C���V�[�g */

/* �w�b�_�[�C���[�W */
body {
    background:url(../images/reform/header_photo.jpg) no-repeat center 0;
}


/* content */

.headline {
    border-left:6px solid #a7a73c;
    background:#f2f2c7;
    padding:5px 0px 5px 1em;
    font-weight:bold;
    margin:1em 0px;
}

table.reformtype {
    width:689px;
    border-collapse: collapse;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
}


table.reformtype th {
    padding:10px 13px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}


table.reformtype td {
    padding:10px;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

img.reform-example {
	padding:2px;
	border:1px solid #cccccc;
}


/* comment */

div#content div#works p { /* 画像回り込み無し */
font-size: 12px;
line-height: 150%;
}


/* ////////// レイアウトテンプレート ////////// */


div#content div#works p{
display: table-cell;
vertical-align: middle;
line-height: 150%;
}


/* ↓画像中央↓ */

.ptn0{padding-top:50px;}

.ptn0 p{padding-top:50px;}

/* ↑画像中央↑ */



/* ↓画像左　テキスト右↓ */

.ptn1{
clear:both;
height: 330px;
padding-top:50px;
}

.ptn1 img {
float: left;
padding-right: 30px;
}

.ptn1 p{
height:330px;
}

/* ↑画像左　テキスト右↑ */



/* ↓画像右　テキスト左↓ */

.ptn2{
clear:both;
height: 330px;
padding-top:50px;
}

.ptn2 img {
float: right;
padding-left: 30px;
}

.ptn2 p{
height:330px;
}

/* ↑画像右　テキスト左↑ */


/* ↓横画像×2↓ */

.ptn3{
clear:both;
height:220px;
padding-top:50px;
}

/* ↑横画像×2↑ */


/* ↓縦画像　テキスト右↓ */

.ptn4{
clear:both;
height: 495px;
padding-top:50px;
}

.ptn4 img{
float:left;
padding-right:30px;
}

.ptn4 p{ height:495px;}

/* ↑縦画像　テキスト右↑ */



/* ↓縦画像　テキスト左↓ */

.ptn5{
clear:both;
height: 495px;
padding-top:50px;
}

.ptn5 img{
float:right;
padding-left:30px;
}

.ptn5 p{ height:495px;}

/* ↑縦画像　テキスト左↑ */


/* ↓縦画像×2↓ */

.ptn6{
clear:both;
height: 495px;
padding-top:50px;
}

div#content div#works img.img_R {float: left;}

div#content div#works img.img_L {float: right;}

/* ↑縦画像×2↑ */


/* ↓縦画像×3↓ */

.ptn7{
clear:both;
height: 315px;
padding-top:50px;
}

div#content div#works img.img_3L {
float: left;
width: 210px;
}
div#content div#works img.img_3C {
float: left;
width: 210px;
margin-left: 30px;
}
div#content div#works img.img_3R {
float: right;
width: 210px;
margin-left: 30px;
}

/* ↑縦画像×3↑ */

/* ↓最下部　詳細↓ */

.ptn8 {
clear:both;
height:265px;
padding:50px 0;
}

.ptn8 p{
width:330px;
height:265px;
}

.ptn8 span{
display:block;
margin-bottom:10px;
border-bottom:solid 1px #CCC;
}


.ptn8 img{
float:right;
width:330px;
padding-left:30px;
}



/* image */
div#content div#works img.img_one {
padding-top: 30px;
}

/* thumbnails */
div#content div#thumbnails {
margin-top: 30px;
margin-bottom: 30px;
}
div#content div#thumbnails div.thumb div.thumb_L {
width: 220px;
float: left;
margin-bottom: 15px;
}
div#content div#thumbnails div.thumb div.thumb_C {
float: left;
width: 220px;
margin-left: 15px;
margin-bottom: 15px;
}
div#content div#thumbnails div.thumb div.thumb_R {
float: right;
width: 220px;
margin-bottom: 15px;
}

/* ページ下部リンクエリア */

.swipe{
	position:relative;
	margin:0px 45px 50px;
	text-align:center;
	}

.prev{
	position:absolute;
	top:0;
	left:0;
	padding-left:16px;
	background:url(../images/works/arrow-left.gif) no-repeat left 3px;
	}

.up{
	padding-left:16px;
	background:url(../images/works/arrow-up.gif) no-repeat left 3px;
	}

.next{
	position:absolute;
	top:0;
	right:0;
	padding-right:16px;
	background:url(../images/works/arrow-right.gif) no-repeat right 3px;
	}


/* //////////�K������css////////// */

.inline{display:inline;}

.w120{width:120px;}
.w143{width:143px;}
.w171{width:171px;}
.w176{width:176px;}
.w180{width:180px;}
.w200{width:200px;}
.w206{width:206px;}
.w210{width:210px;}
.w211{width:211px;}
.w229{width:229px;}
.w230{width:230px;}
.w251{width:251px;}
.w275{width:275px;}
.w290{width:290px;}
.w316{width:316px;}
.w350{width:350px;}
.w370{width:370px;}
.w390{width:390px;}
.w415{width:415px;}
.w426{width:426px;}
.w475{width:475px;}
.w567{width:567px;}

/* padding */
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p35{padding:35px;}
.p40{padding:40px;}
.p45{padding:45px;}
.p50{padding:50px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt150{padding-top:150px;}

.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

/* margin */
.mt0{ margin-top:0;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}

.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

.mcenter{margin-right:auto; margin-left:auto;}

/* float */
.fr{float:right;}
.fl{float:left;}
.clear{clear:both;}


.bg-ef{background:#efefef;}

.txt-center{text-align:center;}

.blue{color:#69f;}

.gray{color:#999;}