@charset "UTF-8";

/*------------------------------

	00：ベーススタイル
	　：a
	  ：p
	  ：float
	  ：text
	  ：margin
	  ：width
	  
	01:フレーム
	  ：ヘッダー
	  ：サイドメニュー
	　：フッター
	　：最下部
	　：ページトップ
	
	02:レイアウト
	　：テーブル
	  ：リスト
	  ：その他
	
-------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	00:ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------
	float
-------------------------------*/
/* float */
.fLeft							{ float:left;}
.fRight							{ float:right;}

/* clearfix */
.cf:before, .cf:after		{ display:table; content:"";}
.cf:after						{ clear:both;}
.cf								{ zoom:1;/* overflow:hidden;*/}
.cb							{ clear: both;}

/*hides from IE-mac */
/** html .cf				{height:1%}
.cf								{display:inline-block;}*/


/*------------------------------
	text
-------------------------------*/

.f10							{ font-size:83%;}
.f11							{ font-size:91%;}
.f12							{ font-size:100%;}
.f13							{ font-size:108%;}
.f14							{ font-size:116%;}
.f15							{ font-size:125%;}
.f16							{ font-size:133%;}
.f17							{ font-size:141%;}
.f18							{ font-size:150%;}
.f19							{ font-size:158%;}
.f20							{ font-size:166%;}


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

.mr0							{ margin-right:0px !important;}
.mr5							{ margin-right:5px !important;}
.mr10							{ margin-right:10px !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;}

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

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


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	01:フレーム
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#kazashite 										{ color: #333; word-break: break-all; padding:0; position:relative; font-size: 13px; line-height: 1.3; font-weight: normal; font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'MS PGothic', Sans-serif; }
#kazashite img	{ vertical-align:bottom;}
#kazashite h1,
#kazashite h2,
#kazashite h3,
#kazashite h4,
#kazashite h5,
#kazashite h6 				{ font-size: 1em; margin: 0; }
#kazashite p,
#kazashite blockquote,
#kazashite dl,
#kazashite dd,
#kazashite figure 		{ margin: 0; }

/*------------------------------
	ヘッダー
-------------------------------*/
/*
#header h1 { position:absolute; top:40px; left:110px;}
#header p  { position:absolute; top:80px; left:110px;}
*/

/*------------------------------
	フッター
-------------------------------*/
#footer .copyright 	{ width:980px; margin:0 auto; color:#7f7979; font-size:83%;font-weight:bold;}

/*------------------------------
	その他
-------------------------------*/
#kazashite h3 { padding:0; color:#333; background-color:transparent; border:none; }
#kazashite h4 { background:none; line-height:1.3; font-weight:normal; border:none;}
#kazashite h4 { border-bottom:1px solid #38d5ff; margin:0 0 15px; padding:0 0 3px; position:relative;}
#kazashite h4 span { position:relative; left:10px; bottom:5px; *bottom:-7px; font-weight:normal;}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	02:コンテンツ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#kazashite_title 												{ width:100%; margin:0 auto 30px; height:131px; background:url(../images/bg_logo.gif) no-repeat left top; position:relative;}
#kazashite_title h3 { position:absolute; top:40px; left:110px;}
#kazashite_title p  { position:absolute; top:80px; left:110px;}
#kazashite_targetlist 											{ width:100%; margin:0 auto 50px;}



/*------------------------------
	カタログリスト
-------------------------------*/
.catalogList { width:900px; overflow:hidden; zoom:1; margin:0 -10px 20px 0;}
.catalogList .box { float:left; font-size:70%; width:188px; overflow:hidden; zoom:1; margin:0 37px 0 0; padding:0 0 20px; line-height:1.2; letter-spacing:-0.05em;}
.catalogList .detail { float:right; width:100px;}
.catalogList .image { float:left; width:82px; position:relative;}
.catalogList .detail .wrapper { height:80px;}
.catalogList .detail .title { margin:0 0 5px;}
.catalogList .detail .num { margin:0 0 5px;}
.catalogList .detail .thumbnail { background:url(../images/bg_thumbnail.png) no-repeat left top;width:83px; height:48px; margin:0 0 0 -5px; padding:2px 0 0 17px;}
.catalogList .image .mainPic img { border:1px solid #cccccc;}
/*.catalogList .image .thumbnail { background:url(../images/bg_thumbnail.png) no-repeat left top;width:100px; height:48px; padding:2px 0 0 17px; position:absolute; top:65px; left:70px;}*/
.catalogList .info { clear:both; width:100%; overflow:hidden; zoom:1; padding:5px 0 0;}
.catalogList .info .type { float:left; width:82px; color:#999999;}
.catalogList .info .page { float:right; width:100px;}