@charset "utf-8";
@media print {body {zoom:80%;}}

/* ============================================
 reset css
============================================ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; }
input,textarea { margin:0; font-size:100%; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr { display:none; clear:both; }

/* ============================================
 common parts
============================================ */
body { background:#fff; font-size:12px; color:#666;
	font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif; }
/* ie7 */
*:first-child+html body { font-size:75%; }
/* ie5 - ie6 */
* html body { font-size:75%; }
/* style */
.fNormal  { font-weight:normal; }
.fBold   { font-weight:bold; }
.fSSS { font-size:70%; }
.fSS  { font-size:78%; } /* base 12px =  8px */
.fS   { font-size:85%; } /* base 12px = 10px */
.fM   { font-size:100%; }
.fL   { font-size:115%; }/* base 12px = 14px */
.fLL  { font-size:130%; }/* base 12px = 16px */
.fLLL { font-size:143%; }/* base 12px = 18px */
/* link */
a { color:#39c; text-decoration:none; outline:none; }
a:hover {color:#0cc;}
/* a */
a img { border:none; }
a:hover img { opacity:0.7; -moz-opacity:0.7;/*mozilla*/ filter:alpha(opacity=70);/*IE6,7*/ -ms-filter:"alpha(opacity=70)";/*IE8*/ }
a:hover img.over { opacity:inherit; -moz-opacity:inherit;/*mozilla*/ filter:none;/*IE6,7*/ -ms-filter:none;/*IE8*/ }
/* strong */
strong {color:#333;}

/* ---------------------------------------------
 etc
--------------------------------------------- */
.clear { clear:both; height:0; font-size:0; line-height:0; }
.block  { display:block; }
.inline { display:inline; }
.hide   { display:none; }
.nobg { background:none !important; }
.underLine { text-decoration:underline; }
.noLine    { text-decoration:none; }

/* リストマーク */
ul.list { text-align:left; font-size:108%;}
ul.list li { background:url(../images/listmark.gif) 0 0.45em no-repeat; padding:0 0 0 10px; margin:0 0 0 0; line-height:1.4;}
a.link {display:block; clear:both; padding:0 0 0 10px; font-weight:bold;
	background:url(../images/listmark.gif) 1px 0.35em no-repeat; text-decoration:none;}
a.link_rgt {display:block; float:right; padding:0 0 0 10px; font-weight:bold;
	background:url(../images/listmark.gif) 1px 0.35em no-repeat; text-decoration:none;}
a.btn_detail {text-align:right; display:block;}

/* =========================================================
 clearfix
========================================================= */
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; clear:both;}
	
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

/* ============================================
 clearfix
============================================ */
.clearFix,
#header,
#footer,
#side .entry  { display:block; min-height:1%; }
.clearFix:after,
#header:after,
#footer:after,
#side .entry:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html .clearFix,
* html #header,
* html #footer,
* html #side .entry  { height:1%; /*\*//*/ height:auto; overflow:hidden; /**/ }
/* ---------------------------------------------
 js
--------------------------------------------- */
.over            {/* ロールオーバー呼び出し用 */}
.heightLine-     {/* heightLine.js呼び出し用 */}
.png             {/* DD_belatedPNG.js呼び出し用 */}
.js_window_open-width-height { }
.js_page_print   {}
.js_window_close {}
.opacityOver { background:#fff; }

/* ============================================
 共通
============================================ */
body {text-align:center; background:url(../images/bg.gif) top center repeat-y; }
#container { margin:0 auto; width:960px; text-align:left;}

#header {}
#header .left {float:left; width:272px;}
h1 {}
#header #mainimg {float:left; width:688px; height:322px; overflow:hidden;}

/* #content */
#content { float:left; width:770px; padding-top:10px;}
#content .inner {padding:30px 65px;}
#content h2 { padding-bottom:30px;}
#content h3 {font-weight:bold; font-size:130%; color:#479; margin:40px 0 20px;
	 border-left:2px solid #479; padding-left:7px;}
#content h4 {font-weight:bold; font-size:115%; color:#333; margin:0;}
#content p { line-height:1.6; padding:5px 0 20px; font-size:115%;}

.btn_toppage { margin-left:615px;}
.pagetop { margin:50px 0 0 0; text-align:right;}

/* .cell */
#content .cell { float:left; width:315px; height:270px;}
#content .cell img {display:block;}
#content .cell p {padding:3px 10px 0 0; line-height:1.4; font-size:12px;}

/* .cell2 */
#content .cell2 { float:left; width:180px; height:270px;}
#content .cell2 img {display:block;}
#content .cell2 p {padding:3px 10px 0 0; line-height:1.4; font-size:12px;}

/*  table  */
table.tbl {border-top:#ccb 1px solid; margin-top:25px; line-height:1.4;}
table.tbl th {border-bottom:#ccb 1px solid; padding:10px; vertical-align:middle;}
table.tbl td {border-bottom:#ccb 1px solid; padding:10px; vertical-align:top;}

/* .frm */
#content .frm {margin:0 0 5px 0; padding:10px;
	border:1px solid #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

/* .info2nd */
#content .info2nd {margin:0 0 5px 0; padding:10px;
	background:#f4f4f4; border:1px solid #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#content .info2nd h2.icon_2nd { background:url(../images/icon_2ndhandinfo.gif) 0 0 no-repeat; 
	padding:0 0 2px 71px; font-weight:bold; color:#c30; font-size:143%;}
#content .info2nd .left { float:left; width:400px;}
#content .info2nd .right { float:right; width:200px;}
#content .info2nd .txt { background:#fff; padding:10px 15px; margin-top:5px;}
#content .info2nd .btm {border-top:1px solid #ccc;}
#content .info2nd p { padding:0 0 10px; line-height:1.4;}
#content .info2nd p.price { display:block; float:left; width:200px; padding:10px 0 0; text-align:right; font-weight:bold; }
#content .info2nd p.price img {padding-right:5px;}
#content .info2nd a.btn {display:block; float:right; width:125px; padding-top:7px;}

/* #side */
#side { float:right; width:190px; padding:15px 0;}
#side .btn_contact {display:block; margin:13px 0 0 2px;}

#side .entry { margin:8px 10px 0 0; padding:6px 0 6px 5px; background:#f8f8f8;
	 border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#side .entry .left { display:block; float:left; width:45px;}
#side .entry .right { display:block; float:left; width:120px;}
#side .entry h3 { font-weight:bold;}
#side .entry .right a { display:block; margin-top:4px;}

#side .entry .frm { background:#fff; padding:5px 10px; margin-right:6px;}

#side h2.h { padding:2px 0 4px; line-height:1.3; }
#side h2.h a { color:#069;}

/* ブログfeed */
#blogfeed { margin:8px 10px 0 0; padding:6px 0;
 border:1px solid #abc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
 #blogfeed{zoom:1;}
 #blogfeed:after{content:""; display:block; clear:both;}
#blogfeed h2.h { padding:0 0 0 6px;}
#blogfeed ul {  /*margin-top:5px;border-bottom:1px solid #abc;*/ padding-bottom:5px;}
#blogfeed ul li { border-bottom:1px solid #ddd; padding:10px 4px 10px 7px;}
#blogfeed ul li a { display:block; margin:0 0 3px; font-weight:bold;}
#blogfeed ul li img { max-width:165px; max-height:130px; margin:0 auto;}
#blogfeed ul li span { color:#888;}
#blogfeed a.link_rgt { margin:5px 5px 0 0;}


/* #footer */
#footer { font-size:12px; color:#999; border-top:1px solid #ccc; padding:11px 13px 10px; background:#fff;}
#footer .footer_link {float:left; width:500px;}
#footer address { display:block; float:right; width:350px; text-align:right;}
#footer a { font-size:11px;}
/*#footer address { float:left; width:300px;}
#footer ul { float:right; width:600px; text-align:right;}
#footer ul li {display:inline;1}*/

/* ============================================
 トップページ
============================================ */
body.index {}
body.index #content {padding-top:5px;}
body.index #content .inner {padding:0 0 10px 10px;}

body.index #classes {margin:15px 5px 0 0; /*border-bottom:1px solid #ccc;*/}
body.index #classes a {display:block; float:left; width:187px; padding:15px 0; 
	text-align:center; border-top:1px solid #ccc;}

body.index #classes {margin:15px 5px 0 0; /*border-bottom:1px solid #ccc;*/}

/* ============================================
 ギャラリー
============================================ */
#gallery { width:1000px; height:470px; overflow:hidden; position:relative; margin:0 auto; background:#000;}
#gallery li {display:none;}
#gallery span {display:none;}
#gallery .project,
#gallery .comment {display:none;}
#gallery ul {}
#gallery ul li { position:absolute; top:0; left:0;}
#gallery a.prev,
#gallery a.next{ display:block;  position:absolute; top:0; width:400px; height:530px;  padding-top:260px; cursor:pointer;	}
#gallery a.prev {left:10px;}
#gallery a.prev img {/*display:none;*/ opacity:0; -moz-opacity:0;/*mozilla*/ filter:alpha(opacity=0);/*IE6,7*/ -ms-filter:"alpha(opacity=0)";/*IE8*/ }
#gallery a.next {right:10px; text-align:right;}

/* ============================================
 会社概要とか個人情報とか
============================================ */
#content h2.h2 { font-size:143%; font-weight:bold; border-left:2px #39c solid; padding:2px 7px;}

/* =========================================================
■ table spec
========================================================= */
table#spec {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; color: #666;}
table#spec th { padding: 5px; border: #aaa 1px solid; background: #eee; font-weight: bold; line-height: 1.4; text-align:center;}
table#spec td { padding: 5px; border:1px  #aaa solid; border-width: 0 1px 0 1px;}
table#spec tr { border:1px  #aaa solid;}

/* =========================================================
■ 特徴
========================================================= */
ol#feature { font-size:108%; list-style-type:decimal; margin:10px 0; line-height:1.4; padding-left:17px;}
ol#feature li { margin:0 0 10px 0; padding:0; }




/* ---------------------------------------------
 margin
--------------------------------------------- */
.mt00 { margin-top: 0   !important; }
.mt05 { margin-top: 5px !important; display:block; }
.mt10 { margin-top:10px !important; display:block; }
.mt12 { margin-top:12px !important; display:block; }
.mt15 { margin-top:15px !important; display:block; }
.mt20 { margin-top:20px !important; display:block; }
.mt25 { margin-top:25px !important; display:block; }
.mt30 { margin-top:30px !important; display:block; }
.mt35 { margin-top:35px !important; display:block; }
.mt40 { margin-top:40px !important; display:block; }
.mt45 { margin-top:45px !important; display:block; }
.mt50 { margin-top:50px !important; display:block; }
.mt55 { margin-top:55px !important; display:block; }
.mr00 { margin-right: 0   !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }
.mr12 { margin-right:12px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mb00 { margin-bottom: 0   !important; display:block; }
.mb05 { margin-bottom: 5px !important; display:block; }
.mb10 { margin-bottom:10px !important; display:block; }
.mb12 { margin-bottom:12px !important; display:block; }
.mb15 { margin-bottom:15px !important; display:block; }
.mb20 { margin-bottom:20px !important; display:block; }
.mb25 { margin-bottom:25px !important; display:block; }
.mb30 { margin-bottom:30px !important; display:block; }
.mb35 { margin-bottom:35px !important; display:block; }
.mb40 { margin-bottom:40px !important; display:block; }
.mb45 { margin-bottom:45px !important; display:block; }
.mb50 { margin-bottom:50px !important; display:block; }
.ml00 { margin-left: 0   !important; }
.ml03 { margin-left: 3px !important; }
.ml05 { margin-left: 5px !important; }
.ml09 { margin-left: 9px !important; }
.ml10 { margin-left:10px !important; }
.ml12 { margin-left:12px !important; }
.ml15 { margin-left:15px !important; }
.ml17 { margin-left:17px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml30 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml53 { margin-left:53px !important; }
.ml55 { margin-left:55px !important; }
/* ---------------------------------------------
 padding
--------------------------------------------- */
.pt00 { padding-top: 0   !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pr00 { padding-right: 0   !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pb00 { padding-bottom: 0   !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl00 { padding-left: 0   !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }
.pl12 { padding-left:12px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl30 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

/* ---------------------------------------------
 height
--------------------------------------------- */
.h280 { height:280px !important; }
.h290 { height:290px !important; }
.h300 { height:300px !important; }
.h310 { height:310px !important; }
.h320 { height:320px !important; }
.h330 { height:330px !important; }
.h340 { height:340px !important; }
.h350 { height:350px !important; }
.h420 { height:420px !important; }

/* ---------------------------------------------
 align
--------------------------------------------- */
.inlineL { text-align:left; }
.inlineC { text-align:center; }
.inlineR { text-align:right; }
.vlineT { vertical-align:top    !important; }
.vlineM { vertical-align:middle !important; }
.vlineB { vertical-align:bottom !important; }