@charset "UTF-8";



/*=============================================================================================

 DEFAULT
                                                                                 
=============================================================================================*/

*{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
html,body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #333333;
	line-height: 100%;
	background: #808080 url(../images/common/bg_body.png) repeat-x left top;
}



/*=============================================================================================

 CSS RESET
                                                                                 
=============================================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: none 0px;
}
fieldset,img { 
	border: none 0px;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border: 0;
}



/*=============================================================================================

 IE PING FIX（PNGを表示したい箇所の [ID] もしくは [CLASS] をセレクタに追加）
                                                                                 
=============================================================================================*/
/*img,
div,
input {
	behavior: url("http://madamefigaro.jp/js/lib/iepngfix.htc")
}*/



/*=============================================================================================

 COMMON CLASS STYLE
                                                                                 
=============================================================================================*/

/*---------------------------------------------------------------------------------------------
  TEXT STYLE
---------------------------------------------------------------------------------------------*/
p {
	line-height: 160%;
}

.red {
	color: #CC0000;
}


/*---------------------------------------------------------------------------------------------
  FLOAT
---------------------------------------------------------------------------------------------*/

.left {
	padding: 0px;
	margin: 0px;
	float: left;
}
.right {
	padding: 0px;
	margin: 0px;
	float: right;
}

.center_out {
	text-align: center;
}
.center_in {
	padding: 0px;
	margin: 0px auto;
}


/*---------------------------------------------------------------------------------------------
	THUMNAIL LIST LAYOUT
---------------------------------------------------------------------------------------------*/

.right h4 {
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
.right p {
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
.right p.date {
	line-height: 110%;
	margin: 0px;
	padding: 0px;
}
.right .status_block {
	margin: 0px;
	padding: 0px;
}
.right .status_block p {
	line-height: 110%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}


/*---------------------------------------------------------------------------------------------
  BOX WIDTH
---------------------------------------------------------------------------------------------*/

.box50 {
	width: 50px;
}
.box72 {
	width: 72px;
}
.box80 {
	width: 80px;
}
.box88 {
	width: 88px;
}
.box90 {
	width: 90px;
}
.box118 {
	width: 118px;
}
.box128 {
	width: 128px;
}
.box170 {
	width: 170px;
}
.box173 {
	width: 173px;
}
.box180 {
	width: 180px;
}
.box184 {
	width: 184px;
}
.box210 {
	width: 210px;
}
.box230 {
	width: 230px;
}
.box231 {
	width: 231px;
}
.box245 {
	width: 245px;
}
.box248 {
	width: 248px;
}
.box271 {
	width: 271px;
}
.box343 {
	width: 343px;
}
.box372 {
	width: 372px;
}
.box370 {
	width: 370px;
}
.box380 {
	width: 380px;
}
.box415 {
	width: 415px;
}
.box430 {
	width: 430px;
}
.box498 {
	width: 498px;
}


/*---------------------------------------------------------------------------------------------
  MARGIN
---------------------------------------------------------------------------------------------*/

/* TOP
========================================*/
.mt2 {
	margin-top: 2px!important;
}
.mt3 {
	margin-top: 3px!important;
}
.mt4 {
	margin-top: 4px!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt7 {
	margin-top: 7px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt13 {
	margin-top: 13px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt27 {
	margin-top: 27px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}

/* BOTTOM
========================================*/
.mb3 {
	margin-bottom: 3px!important;
}
.mb4 {
	margin-bottom: 4px!important;
}
.mb6 {
	margin-bottom: 6px!important;
}
.mb7 {
	margin-bottom: 7px!important;
}
.mb8 {
	margin-bottom: 8px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb12 {
	margin-bottom: 12px!important;
}
.mb14 {
	margin-bottom: 14px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb18 {
	margin-bottom: 18px!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;
}
.mb55 {
	margin-bottom: 55px!important;
}

/* LEFT
========================================*/
.ml4 {
	margin-left: 4px!important;
}
.ml7 {
	margin-left: 7px!important;
}

/* RIGHT
========================================*/
.mr7 {
	margin-right: 7px!important;
}
.mr8 {
	margin-right: 8px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr23 {
	margin-right: 23px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr50 {
	margin-right: 50px!important;
}


/*---------------------------------------------------------------------------------------------
  PADDING
---------------------------------------------------------------------------------------------*/

/* TOP
========================================*/
.pt1 {
	padding-top: 1px!important;
}
.pt7 {
	padding-top: 7px!important;
}
.pt15 {
	padding-top: 15px!important;
}

/* BOTTOM
========================================*/
.pb11 {
	padding-bottom: 11px!important;
}
.pb12 {
	padding-bottom: 12px!important;
}
.pb23 {
	padding-bottom: 23px!important;
}
.pb30 {
	padding-bottom: 30px!important;
}
.pb55 {
	padding-bottom: 55px!important;
}

/* LEFT
========================================*/
.pl2 {
	padding-left: 2px!important;
}
.pl5 {
	padding-left: 5px!important;
}
.pl6 {
	padding-left: 6px!important;
}
.pl8 {
	padding-left: 8px!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pl20 {
	padding-left: 20px!important;
}

/* RIGHT
========================================*/
.pr7 {
	padding-right: 7px!important;
}
.pr12 {
	padding-right: 12px!important;
}
.pr23 {
	padding-right: 23px!important;
}


/*---------------------------------------------------------------------------------------------
  BACKGROUND / BORDER
---------------------------------------------------------------------------------------------*/

.top_dot_short {
	background: url(../images/common/bg_dot.gif) no-repeat 0px 0px;
	padding-top: 12px;
}
.top_dot {
	background: url(../images/common/common_dot.gif) repeat-x left top;
}
.top_dot248 {
	background: url(../images/bg_dot248.gif) no-repeat 0px 0px;
}
.bottom_dot {
	background: url(../images/common/common_dot.gif) repeat-x left bottom;
}
.bottom_solid {
	background: url(../images/common/common_solid.gif) repeat-x left bottom;
}
.bg_gray {
	background: #E5E5E5;
	padding: 6px 7px;
}

.border_solid_gray {
	border: 1px solid #CCCCCC;
}

.left_solid2 {
	border-left: 2px solid #808080;
}
.left_solid4 {
	border-left: 4px solid #CCCCCC;
}
.left_dot1 {
	background: url(../images/common/common_dot_v.gif) repeat-y left top;
}



/*---------------------------------------------------------------------------------------------
  HIDETEXT
---------------------------------------------------------------------------------------------*/
.hidetext{
	text-indent: -9999px;
}


/*---------------------------------------------------------------------------------------------
  CLEARFIX
---------------------------------------------------------------------------------------------*/
.clearfix:after {
  content: url(../images/common/blank.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*\*//*/
.hack {
	letter-spacing : -9999px;
}
/**/

