@charset "Shift_JIS";



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

contents.css

コンテンツエリア全体、各パーツ用　ボディ、リンク色の再設定もここで

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



/* コンテンツ基本指定
-------------------------------------------------------------------------------------------------------- */

/* コンテンツ全体枠 */
#contents {
	margin:         0px 0px 20px 0px;
	padding:        0px 22px 0px 22px;
	/*font-size:      116%;*/ /* あと付けで全体のフォント14px相当指定 */
}

/* 左メインエリア */
#main {
	width:          600px;
	float:          left;
	min-height:     300px;
}

/* 右サブナビエリア */
#sub {
	margin:         0px 0px 15px 0px;
	width:          240px;
	float:          right;
}

/* 右サブナビ　バナーエリア */
#sub2 {
	margin:         0px 0px 15px 0px;
	width:          240px;
	float:          right;
}





/* タイトル指定
-------------------------------------------------------------------------------------------------------- */
/*h2,h3,h4 {
	font-size:     100%;
	font-weight:   normal;
}*/

/* 赤ライン／グレーボーダー見出し */
.ttl_chip {
	background:    url(../img/ttl_chip.gif) left top no-repeat;
}
.ttl_chip h2,
.ttl_chip h3 {
	padding:       3px 12px 10px 12px;
	background:    url(../img/ttl_line.gif) left bottom no-repeat;
	font-size:     131%;
	line-height:   100%;
}

/* グレーボーダー（小）見出し */
.ttl_line_s {
	padding:       3px 10px 8px 0px;
	background:    url(../img/ttl_line_s.gif) left bottom no-repeat;
	font-size:     100%;
	font-weight:   bold;
	line-height:   130%;
}
.ttl_line_s .date {
	color:         #979485;
	line-height:   130%;
}
.ttl_line_s .ttl {
	color:         #E42926;
	line-height:   130%;
}

/* グレーボーダー（小）見出し・文字サイズなし */
.ttl_line {
	padding:       3px 10px 8px 0px;
	background:    url(../img/ttl_line_s.gif) left bottom no-repeat;
	font-weight:   bold;
	line-height:   130%;
}
.ttl_line .blue {
	color:         #45AAB8;
	line-height:   130%;
}
.ttl_line .purple {
	color:         #7B6EAE;
	line-height:   130%;
}

/* イエローボーダー（小）見出し */
.ttl_line_yellow {
	padding:       3px 10px 8px 0px;
	background:    url(../img/ttl_line_yellow.gif) left bottom no-repeat;
	font-size:     100%;
	font-weight:   bold;
	line-height:   130%;
}
.ttl_line_yellow .date {
	color:         #979485;
	line-height:   130%;
}
.ttl_line_yellow .ttl {
	color:         #E42926;
	line-height:   130%;
}

/* 四角数字見出し（赤） */
.ttl_num_sqr_red01,
.ttl_num_sqr_red02,
.ttl_num_sqr_red03,
.ttl_num_sqr_red04,
.ttl_num_sqr_red05 {
	padding:       2px 10px 5px 25px;
	border-bottom: 1px solid #CC3333;  
	font-size:     116%;
	line-height:   100%;
	color:         #CC3333; 
}
.ttl_num_sqr_red01 {
	background:    url(../img/icon_num_sqr_red01.gif) left top no-repeat;  
}
.ttl_num_sqr_red02 {
	background:    url(../img/icon_num_sqr_red02.gif) left top no-repeat;  
}
.ttl_num_sqr_red03 {
	background:    url(../img/icon_num_sqr_red03.gif) left top no-repeat;  
}
.ttl_num_sqr_red04 {
	background:    url(../img/icon_num_sqr_red04.gif) left top no-repeat;  
}
.ttl_num_sqr_red05 {
	background:    url(../img/icon_num_sqr_red05.gif) left top no-repeat;  
}

/* 四角数字見出し（グレー） */
.ttl_num_sqr_gray01,
.ttl_num_sqr_gray02,
.ttl_num_sqr_gray03,
.ttl_num_sqr_gray04,
.ttl_num_sqr_gray05,
.ttl_num_sqr_gray06,
.ttl_num_sqr_gray07 {
	margin:        0px 0px 10px 0px;
	padding:       3px 10px 4px 25px;
	font-size:     100%;
	line-height:   100%;   
}
.ttl_num_sqr_gray01 {
	background:    url(../img/icon_num_sqr_gray01.gif) left top no-repeat;  
}
.ttl_num_sqr_gray02 {
	background:    url(../img/icon_num_sqr_gray02.gif) left top no-repeat;  
}
.ttl_num_sqr_gray03 {
	background:    url(../img/icon_num_sqr_gray03.gif) left top no-repeat;  
}
.ttl_num_sqr_gray04 {
	background:    url(../img/icon_num_sqr_gray04.gif) left top no-repeat;  
}
.ttl_num_sqr_gray05 {
	background:    url(../img/icon_num_sqr_gray05.gif) left top no-repeat;  
}
.ttl_num_sqr_gray06 {
	background:    url(../img/icon_num_sqr_gray06.gif) left top no-repeat;  
}
.ttl_num_sqr_gray07 {
	background:    url(../img/icon_num_sqr_gray07.gif) left top no-repeat;  
}

/* グレーボーター（下）見出し */
.ttl_border_gray {
	padding:       0px 0px 3px 0px;
	border-bottom: 3px solid #CCCCCC;
	font-weight:   bold;
}

/* グレーボックス見出し */
.ttl_box_gray01,
.ttl_box_gray02,
.ttl_box_gray03,
.ttl_box_gray04,
.ttl_box_gray05,
.ttl_box_gray06,
.ttl_box_gray07,
.ttl_box_gray08,
.ttl_box_gray09,
.ttl_box_gray10 {
	padding:       3px 0px 3px 35px;
	border:        1px solid #999999;
	font-size:     100%;
	font-weight:   bold;
}
.ttl_box_gray01 {
	background:    url(../img/icon_num_sq_gray01.gif) left center no-repeat;
}
.ttl_box_gray02 {
	background:    url(../img/icon_num_sq_gray02.gif) left center no-repeat;
}
.ttl_box_gray03 {
	background:    url(../img/icon_num_sq_gray03.gif) left center no-repeat;
}
.ttl_box_gray04 {
	background:    url(../img/icon_num_sq_gray04.gif) left center no-repeat;
}
.ttl_box_gray05 {
	background:    url(../img/icon_num_sq_gray05.gif) left center no-repeat;
}
.ttl_box_gray06 {
	background:    url(../img/icon_num_sq_gray06.gif) left center no-repeat;
}
.ttl_box_gray07 {
	background:    url(../img/icon_num_sq_gray07.gif) left center no-repeat;
}
.ttl_box_gray08 {
	background:    url(../img/icon_num_sq_gray08.gif) left center no-repeat;
}
.ttl_box_gray09 {
	background:    url(../img/icon_num_sq_gray09.gif) left center no-repeat;
}
.ttl_box_gray10 {
	background:    url(../img/icon_num_sq_gray10.gif) left center no-repeat;
}

/* グレーボックス見出し（ノーマル） */
.ttl_box_gray {
	padding:       6px 0px 3px 5px;
	background:    #DDDDDD;
	font-size:     116%;
	font-weight:   bold;
}


/* アイコン指定
-------------------------------------------------------------------------------------------------------- */

/* PDF */
.pdf {
	padding:      5px 0px 4px 23px;
	background:   url(../img/icon_pdf.gif) no-repeat 0px 2px;
}





/* リスト指定
-------------------------------------------------------------------------------------------------------- */


/* 中黒リスト */
.list_disc li {
	list-style:    disc outside;
	margin:        0px 0px 0px 20px;
	padding:       0px 0px 0px 0px;
}

/* ナンバリングリスト */
.list_num li {
	list-style:    decimal outside;
	margin:        0px 0px 0px 25px;
	padding:       0px 0px 0px 0px;
}

/* アイコン無し定義リスト */
.list_def dt {
	margin:        0px;
	padding:       0px;
}
.list_def dd {
	margin:        0px 0px 0px 25px;
}

/* 黒丸アイコンリスト */
.list_circle li {
	list-style:   none;
	padding:      0px 0px 0px 20px;
	background:   url(../img/icon_circle.gif) 4px 4px no-repeat;
}

/* 黒四角アイコンリスト */
.list_square li {
	list-style:   none;
	padding:      0px 0px 0px 20px;
	background:   url(../img/icon_square.gif) 4px 4px no-repeat;
}

/* 赤矢印アイコンリスト */
.list_arrow_red li {
	list-style:   none;
	padding:      0px 0px 0px 20px;
	background:   url(../img/icon_arrow_red.gif) 5px 5px no-repeat;
}

/* 赤矢印アイコンリスト（背景黄色） */
.list_arrow_red_bgyellow li {
	list-style:   none;
	padding:      0px 0px 0px 20px;
	background:   url(../img/icon_arrow_red_bgyellow.gif) 5px 5px no-repeat;
}


/* PDFアイコンリスト */
.list_pdf li {
	list-style:   none;
	padding:      0px 0px 0px 23px;
	background:   url(../img/icon_pdf.gif) 0px 0px no-repeat;
}

/* 赤矢印アイコン並列リスト（win-ie.cssにハック有り） */
.list_arrow_red_2c {
	line-height:  180%;
}
.list_arrow_red_2c li {
	list-style:   none;
	padding:      0px 0px 0px 20px;
	background:   url(../img/icon_arrow_red.gif) 5px 7px no-repeat;
	float:        left;
	width:        46%;
	display:      block;
	min-height:   28px;
}





/* ボックスエリア指定
-------------------------------------------------------------------------------------------------------- */

/* レッドライン */
.box_red {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	border:        1px solid #B52A28;
}
.box_red_bold {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	border:        2px solid #B52A28;
}
.box_lightred_bold {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	border:        2px solid #DC3E39;
}

/* グレーライン　グレー背景 */
.box_gray_bg {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	border:        1px solid #CCCCCC;
	background:    #EEEEEE;
}

.box_gray_bg_padding10 {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	border:        1px solid #CCCCCC;
	background:    #EEEEEE;
}

.box_gray_bgwhite_padding5 {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	border:        1px solid #CCCCCC;
	background:    #FFFFFF;
}

.box_gray_bgwhite_padding10 {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	border:        1px solid #CCCCCC;
	background:    #FFFFFF;
}

/* 暗めグレー背景 */
.box_darkgray_bg {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	background:    #666666;
}

.box_middlegray_bg_padding5 {
	margin:        0px 0px 0px 0px;
	padding:       5px;
	background:    #CCCCCC;
}
.box_middlegray_bg {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	background:    #CCCCCC;
}

/* 明るめグレー背景 */
.box_lightgray_bg {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	background:    #EEEEEE;
}
.box_lightgray5px {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	border:        5px solid #EEEEEE;
}

/* 明るめイエロー背景 */
.box_lightyellow_bg {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	background:    #F7F4C5;
}

/* 明るめオレンジ背景 */
.box_lightorange_bg {
	margin:        0px 0px 0px 0px;
	padding:       10px;
	background:    #FAE2BB;
}

/* グレー1px */
.box_gray {
	margin:        0px;
	padding:       5px;
	border:        1px solid #DDDDDD;
}
/* グレー1px padding 10px*/
.box_gray_padding10 {
	margin:        0px;
	padding:       10px;
	border:        1px solid #DDDDDD;
}

/* ベージュ2px */
.box_beige {
	margin:        0px;
	padding:       20px 28px;
	border:        2px solid #C2B58E;
}

/* グリッド点ボックス */
.box_grid {
	margin:        0px;
	padding:       20px 0px 0px 0px;
	background:    url(../../susume/img/book_line.gif) left top no-repeat;
}
.box_grid .inner {
	margin:        0px;
	padding:       0px 0px 20px 0px;
	background:    url(../../susume/img/book_line.gif) left bottom no-repeat;
}




/* テーブル指定
-------------------------------------------------------------------------------------------------------- */
.table_normal {
	border: solid 1px #CCC;
	border-collapse: collapse;
	padding: 5px;
}
.table_normal td {
	padding: 5px;
	border: solid 1px #CCC;
}
.td_head01 { background: #DDD; }
.td_head02 { background: #EEE; }





/* 工事中ページ指定
-------------------------------------------------------------------------------------------------------- */

.construction {
	width:        540px;
	height:       110px;
	background:   url(../img/img_construction.gif) no-repeat;
}
.construction table {
	margin:       0px 120px 0px 30px;
	height:       110px;
	font-size:    116%;
}




/* その他指定
-------------------------------------------------------------------------------------------------------- */
.dotline {
	padding:         0px 0px 5px 0px; /* marginだとIEでおかしな空行が出来る */
	background:      url(../../report/img/dotline.gif) repeat-x;
	clear:           both;
}
.dotline_bggray {
	padding:         0px 0px 0px 0px; /* marginだとIEでおかしな空行が出来る */
	background:      url(../img/dotline_bggray.gif) repeat-x;
	clear:           both;
}




/* スマートライフプロジェクト
-------------------------------------------------------------------------------------------------------- */
.box_smartlife {
	padding: 0px 20px;
	background: url(../../lp/smartlife/img/head_bg.gif) repeat-y;
}
.box_smartlife p { 
	font-size: 116%;
	line-height: 160%;
}

.sm_poster {
	width: 600px;
	height: 847px;
	background:url(../../lp/smartlife/img/img_poster.jpg);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.sm_blue, .sm_green, .sm_red, .sm_purple { font-weight: bold; }
.sm_blue { color: #2577B9; }
.sm_green { color: #0B6639; }
.sm_red { color: #EA1F4A; }
.sm_purple { color: #8C2B87; }



/* ニュースレター
-------------------------------------------------------------------------------------------------------- */
.box-newsletter {
	width: 190px;
	float: left;
	border: solid 1px #999;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 10px 0px;
}


/* ボタン装飾
-------------------------------------------------------------------------------------------------------- */

.btn_block {
 display:inline-block;
 font-weight:600;
 font-size:1.15em;
}
a.btn_block:hover {
 filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.btn_bg_base {
 background:url(../img/btn_bg_base.jpg);
 background-repeat:no-repeat;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -o-border-radius:4px;
  padding:8px 20px 8px 35px;
}


a.t_wh {
  text-decoration:none;
  color:#fff;
}