@charset "UTF-8";
/* CSS Document */

/* IMPORT CSS
======================================================================
	外部読み込みCSS
====================================================================== */

/* CNW本体サイト：共有CSS読み込み
=====================================*/
@import url("/css/common.css");


/* リセットCSS
=====================================*/
@import url("reset.css");


/* クロスブラウザ不具合用（clearfixクラスとか・・・・）
=====================================*/
@import url("AdditionClass.css");


/* 2カラム 左にメインコンテンツが入る場合のレイアウト
=====================================*/
@import url("common2Column_block_mainLeft.css");

/* 2カラム 右にメインコンテンツが入る場合のレイアウト
=====================================*/
@import url("common2Column_block_mainRight.css");

/* thickbox（ポップアップ）用
=====================================*/
@import url("thickbox.css");

/* GENERAL
======================================================================
	基本スタイルシート
====================================================================== */
*{
	margin:0;padding:0;
}
/* -------------------------------------------------------------- 
  CNW CSS のリセット 
-------------------------------------------------------------- */

/* #header */
body {
	line-height: 0;
}
/* 共通ヘッダーの微調整 */
body #header{
	line-height: 1.4;
}
body #motto_common2Column_block_mainLeft,
body #motto_common2Column_block_mainRight,
body #motto_common1Column_block{
	margin-left: -24px;
	margin-right: -24px;
	line-height: 1.6;
	width:900px;
	/* font-size: 129%; */
	color: #555;
}

body #motto_common2Column_block_mainLeft h3,
body #motto_common2Column_block_mainRight h3,
body #motto_common1Column_block h3{
	font-size: 120%;
}

body #motto_common2Column_block_mainLeft ol,
body #motto_common2Column_block_mainRight ol,
body #motto_common1Column_block ol{
	margin: 0;
	padding: 0;
}

body #motto_common2Column_block_mainLeft b,
body #motto_common2Column_block_mainRight b,
body #motto_common1Column_block b,
body #motto_common2Column_block_mainLeft strong,
body #motto_common2Column_block_mainRight strong,
body #motto_common1Column_block strong{
	color:#900;
}


/* dt設定リセット */
dt,dd{
	background: none;
	margin: 0;
	padding: 0;
}

/* #tagline */
body #tagline {
	line-height: 140%;
}
/*
body #main_area{
	padding-left: 0;
	padding-right: 0;
}
*/

/*
body {

	line-height:1.4;
	font-size: 90%;
}

a:link{
	color: #3399ff;
}
a:visited {}

a:hover{
	color:#0066cc;
}
a:active {
	color:#ff6600;
}
*/


/* -------------------------------------------------------------- 
  テーマヘッダー エリア
-------------------------------------------------------------- */

#motto_itioshiTheme_header{
	margin:-5px -14px 0;
	line-height: 1.4;
	width:880px;
	height: 70px;
	z-index: 100;
	position: relative;
}
#motto_itioshiTheme_header li{
	list-style: none;
	float: left;
	display: inline;
}
#motto_itioshiTheme_header_topBtn{
	position: absolute;
	right:-10px;
	top: 20px;
	width:220px;
	height: 75px;
	background: url(/motto/lib_2010/images/itioshi_top_btn_back.png) no-repeat;
	_background: none;
}
#motto_itioshiTheme_header_topBtn a{
	position: absolute;
	left: 11px;
	top: 9px;
	z-index: 10;
}
*html #motto_itioshiTheme_header_topBtn span{
	/* ie6 hack */
	position: absolute;
	top: 0;
	left: 0;
	width:220px;
	height: 75px;
	z-index: 5;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/motto/lib_2010/images/itioshi_top_btn_back.png", sizingMethod="crop");
}

/* UP */
.motto_pageUp_btn{
	clear: both;
	padding: 10px;
	text-align: right;
	font-size: 85%;
}
.motto_pageUp_btn a{
	text-decoration: none;
}

/* p tag &nbps; */
.motto_p_space{
	line-height: 0.7;
}

/* ヘッダー注意書き */
#motto_commonMotto_net_att{
	clear: both;
	font-size: 90%;
	color: #c00;
	line-height: 1.2;
	margin: 0 15px;
	padding-top: 0;
}


/* ページエリア見出し（ページに一つ） */
#motto_page_second_title{
	position: relative;
	height: 72px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#motto_page_second_title .motto_theme_h2_icon_box{
	position: absolute;
	display: block;
	top:0;
	left: 0;
	width:35px;
	height: 72px;
	overflow: hidden;
}
*html #motto_page_second_title .motto_theme_h2_icon_box{
	text-indent: -999px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/motto/lib_2010/images/h2_img_title_icon_0.png", sizingMethod="crop");
}

#motto_page_second_title h2{
	position: absolute;
	top:13px;
	left: 50px;
	z-index: 5;
}

/* SL TOP NaviList */
#motto_sl_top_table{
	text-align: center;
}
#motto_sl_top_table table{
	margin: 0 auto;
	width:860px;
	border-collapse: collapse;
}
#motto_sl_top_table td{
	width:215px;
	vertical-align: top;
	line-height: 0;
}
#motto_sl_top_table a{
	margin-bottom:10px;
	display: block;
	text-align: center;
	text-decoration: none;
}


/*  1 Column
======================================================================
	1カラム レイアウト時
====================================================================== */
#motto_common1Column_block{
	clear: both;
}

/* 上へのボタンのに１カラムなら下線を入れる */
#motto_common1Column_block .motto_pageUp_btn{
	margin-bottom: 20px;
	margin-right: 10px;
}


/*  
======================================================================
 左右ナビ真ん中エリア
====================================================================== */
#motto_RightAndLeft_NumberNavi_block{
	clear: both;
	margin: 10px;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 0;
}
#motto_common1Column_block #motto_RightAndLeft_NumberNavi_block{
	margin: 10px 15px;
}

#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_right{
	float: right;
	text-align: right;
	width:310px;
	padding: 10px 0;
}
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_right span{
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	line-height: 1.2;
	text-decoration: underline;
}
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_left{
	float: left;
	text-align: left;
	width:310px;
	padding: 10px 0;
}
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_left span{
	display: block;
	margin-top: 5px;
	line-height: 1.2;
	margin-left: 5px;
	text-decoration: underline;
}
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_center{
	position: absolute;
	width:400px;
	top: 30px;
	left: 123px;
}
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_center span{
	position: relative;
}
#motto_common1Column_block #motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_center{
	width:620px;
}
/* 現在地 */
#motto_RightAndLeft_NumberNavi_block p#motto_RightAndLeft_center #motto_navi_nowPositionIcon{
	position: absolute;
	bottom: 30px;
	left: -7px;
}
/* 
----------------------------------------------
　下部お問い合せエリア
---------------------------------------------- */
#motto_common1Column_block #motto_w_bottomInformation_block{
	text-align:center;
}

/*  2 Column
======================================================================
	2カラム 左にメインコンテンツが入る場合のレイアウト
	★ "common2Column_block_mainLeft.css" に設定しています。
	
	2カラム 右にメインコンテンツが入るレイアウト（主にトップページ系）
	★ "common2Column_block_mainRight.css" に設定しています。
	
====================================================================== */


/* 
----------------------------------------------
　下部お問い合せエリア
---------------------------------------------- */
#motto_bottomInformation_block{
	margin: 0 auto 20px;
	width:650px;
}
#motto_commonBottomArea{
	clear: both;
	margin: 0 20px;
	border-top: 1px solid #ccc;
}

/* 広告審査エリア
=====================================*/
#motto_examinationNumber_block{
	float: right;
	margin: 10px 30px 0 10px;
	padding:3px;
	font-size: 12px;
	line-height: 1;
	text-align: right;
	color:#000;
	border: 1px solid #000;
}




/* Footer
=====================================*/
#motto_commonFooter{
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	width: 880px;
	text-align: left;
	font-size: 80%;
}
#motto_commonFooterContents{
	list-style: none;
	border-right: 1px solid #ccc;
	
}
#motto_commonFooterContents li{
	float: left;
	margin-top: 10px;
	padding:0 10px;
	display: inline;
	line-height: 1;
	border-left: 1px solid #ccc;
}
#motto_commonFooterContents li.motto_navi_end{
	border-right: 1px solid #ccc;
}
#motto_commonFooterContents li a{
	color:#666;
	display: block;
	padding:2px;
}
#motto_commonFooterContents li a:hover{
	color:#0033cc;
	background: url(../images/hover_dot_0.gif);
}

#motto_commonFooter #motto_commonNttLogo{
	text-align: right;
	color: #666;
}
/* PHPのチェックエラー */
.motto_php_error{
	margin: 5px;
	padding:5px;
	text-align: center;
	background: #eee;
	border:5px solid #ccc;
	color:#999;
}

/* log用フレーム */
iframe{
	border: none;
}
/*
#emptinessFrame{
	position: fixed;
	top: 0;
	right: 0;
	width:50px;
	height: 50px;
	border: 3px solid #eee;
}
*/