@charset "utf-8";


body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"*/
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(img/bg.jpg) ;
	background-repeat:repeat-x;
}
h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	/*vertical-align: bottom;*/
}

a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}

input,textarea,select {
	font-size: 1em;
}
table {
	border-collapse:collapse;
	font-size: 100%;
}


/*リンクカラー*/
a {
	color: #0000FF;
	text-decoration:none;
}

/*カーソルオーバー時のリンクカラー*/
a:hover {
	color: #FF9900;
	text-decoration: underline;	/*下線を消す設定。残したままがいいならこの１行を削除。*/
}



/*コンテナー
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

#visual{
	margin-bottom:15px;	
}

/*ヘッダー（ロゴなどが入っている最上段のボックス）
---------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 100%;
	background-image: url(img/head_bg.jpg);	/*ヘッダーの背景画像*/
	background-repeat: no-repeat;
	background-position:left top;
	height: 115px;
}

#header #logo {
	padding-top: 20px;
}

#header h1 {
	font-size: 10px;	/*h1タグの文字の大きさ*/
	font-weight: normal;
	position: absolute;
	top: 0px;	/*ヘッダーのボックスに対して上から0pxに位置に配置*/
	left: 0px;	/*ヘッダーのボックスに対して左から0pxに位置に配置*/
	padding-left:10px;
	/*background-color:#FF9900;
	width:890px;*/
	color:#FFF;
}






/*３カラムを囲むボックス
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
	background-image:url(img/contents_bg.jpg);
	background-repeat:repeat-y;
}

#contents2 {
	clear: left;
	width: 100%;
	background-image:url(img/contents_bg2.jpg);
	background-repeat:repeat-y;
}



/*左・中央を囲むボックス
---------------------------------------------------------------------------*/
#wrap {
	width: 720px;
	float: left;
	padding-bottom: 0px;
	margin-top: 0px;
}


#wrap2 {
	width: 900px;
	float: left;
	padding-bottom: 0px;
	margin-top: 0px;
}




/*両サイドの共通設定
---------------------------------------------------------------------------*/
#sub,#side {
	/*background-color: #f7f7f7;	両サイドのボックス背景色*/
	width: 178px;
	/*border: 1px solid #bfbfbf;	両サイドのボックスフチのボーダー*/
	/*padding: 1px;		余白を1px*/
	line-height: 1.5;	/*行間。通常より少し狭めている。*/
	color: #333;		/*文字色*/
	font-size:13px;
}

/*左右ボックスのp(段落タグ)の余白設定*/
#sub p,#side p {
	padding: 0.5em 8px 1em;
}

/*左右ボックスのh3見出し設定*/
#sub h3,#side h3 {
	font-size: 100%;
	background-color: #ff476d;	/*背景色*/
	text-align: center;	/*文字のセンタリング*/
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;	/*文字色*/
}

#sub h2,#side h2{
	margin-top:15px;
}


/*左ブロック
---------------------------------------------------------------------------*/
#sub {
	float: left;
}

#sub ul li a:hover img {
filter: Alpha(opacity=60);
opacity: 0.6; /*firefox safari*/
}

/*#sub ul li a:hover img {
filter:filter: blur(add=1,direction=135);
}*/




/*右ブロック
---------------------------------------------------------------------------*/
#side {
	float: right;
	margin: 0;
}



/*左右のサブメニュー
---------------------------------------------------------------------------*/
.submenu {
	margin-bottom: 1px;
}

.submenu a {
	background-image: url(img/submenu_bg.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: top;	/*メニューの背景画像の上半分を表示させる設定*/
	display: block;
	padding-right: 5px;
	padding-left: 10px;
	color: #000000;		/*文字色*/
	text-decoration: none;
	line-height: 40px;
	height: 40px;
}

.submenu a:hover {
	background-image: url(img/submenu_bg.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;	/*メニューの背景画像の下半分を表示させる設定*/
	color: #FFFFFF;		/*カーソルオーバー時の文字色*/
}



/*中央ブロックTOP
---------------------------------------------------------------------------*/
#main {
	float: right;
	width: 520px;
	margin-right:10px;
}

#main h2 {
	font-size: 100%;
	background-image: url(img/h2bg.gif);	/*h2背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
}

#main p {
	padding: 0.5em 10px 1em;	/*中央ブロックの段落タグの余白*/
}

#main .totop{
	float:right;
	font-size:9px;
	margin:30px 0 15px;
}

#main .totop a{
	color: #FF9900;

}

#main .voice{
	background-image:url(img/top_voice.jpg); 
	background-repeat:no-repeat; 
	height:84px; 
	padding:37px 0px 0px 15px;
}

#main .voice a:hover{
	color: #0000FF;
	text-decoration:underline;
}

/*中央ブロックsecond
---------------------------------------------------------------------------*/
#main2 {
	float: right;
	width: 690px;
	margin-right:15px;
}

#main2 h2 {
	font-size: 18px;
	background-image: url(img/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width:650px;
	height:32px;
	padding: 3px 0px 0px 40px;
	margin: 0px 0px 10px 0px;
	color: #F09100;
	font-weight:bold;
	clear: both;
}

#main2 h3 {
	font-size: 16px;
	background-image: url(img/h3bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 5px 0px;
	margin: 15px 0px 10px 10px;
	color: #FF476D;
	font-weight:bold;
	clear: both;
}

#main2 h4 {
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 8px;
	color: #FE9900;
	font-weight:bold;
}

#main2 p {
	padding: 0.5em 10px 1em;	/*中央ブロックの段落タグの余白*/
	font-size:14px;
	line-height:1.6;
}

#main2 .totop{
	float:right;
	font-size:9px;
	margin:30px 0 15px;
}

#main2 .totop a{
	color: #FF9900;
}


#main2 .pankuzu{
	padding-left:0px;
	margin-bottom:15px;
	font-size:12px;
	color:#666;
}

#main2 .pankuzu a{
	color: #FF9900;
}

.step{
	background-color:#F9F8F3;
	padding:10px;
}


/*フッター（最下部のコピーライトなど）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 5px solid #FFBD59;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color:#FF9900;
	color:#FFF;
	line-height:3;
	font-size:12px;
}

#footer a{
	color:#FFF;
}




/*その他
---------------------------------------------------------------------------*/

table.count{
	width:;
	margin:10px;
	border-collapse: collapse;
}

table.count th {
	background-color: #F6F3EA;
	font-weight: bold;
	text-align: center;
	font-size: small;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	padding: 7px;
}

table.count td {
	text-align: ;
	font-size: small;
	line-height: 1.5;
	border: 1px solid #CCCCCC;
	padding: 7px;
}

table.count tr th span {
	color: #CC0000;
	font-size: 10px;
}



#tt a:hover {background:#ffffff; text-decoration:none;} 
#tt a.tooltip span {display:none; padding:10px; margin: 20px 0px 0px -150px; width:260px; font-weight:normal; font-size:13px; text-align:left;}
#tt a.tooltip:hover span{display:inline; position:absolute; border:3px solid #FF9C02; background:#eee; color:#333;}



ul.new {
	margin-bottom: 1.5em;
	width: 650px;
	height: 650px;
	overflow: auto;
	margin:10px;
	padding: 0px;
	background-color:#F9F8F3;
}
ul.new li {
	padding:10px;
}

.t-title{
	color:#FF476D;
	background-color:#F9F8F3;
	padding: 10px 10px 0px 10px;
	border-bottom:1px solid #CCC;
}

.t-title p{
	font-weight:normal;
	color:#333;
}

.t-content{
	padding:0 20px;
	margin-bottom:30px;
}

.topinq{
	background-image:url(img/top_inq.jpg);
	background-repeat:no-repeat;
	margin-left:80px;
	padding: 150px 0px 0px 0px;
	width:360px;
	height:100px;
	text-align:center;
}

.begin{
	font-size:15px;
	font-weight:bold;
	background-color:#F9F8F3;
	/*border-bottom:1px solid #CCC;*/
	margin: 20px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	line-height:2;
	width:280px;
	border:1px solid #CCC;
}

.begin a{
	line-height:2;
	padding:20px;
	text-decoration:underline;
}

#main .recomend{
	background:url(img/top_recomend.jpg) 0 0 no-repeat;
	width:500px;
	height:131px;
	padding:70px 0 0 20px;
	margin:0;
}


#main .recomend li{
	background:url(img/check.png) 0 0 no-repeat;
	padding:0 0 0 25px;
	margin:0;
	color:#003F00;
	font-weight:bold;
	line-height:1.7;
}