@charset "UTF-8";
/**********************
 * トップページの設定 *
 **********************/
/*左コンテンツのボックス設定*/
#left_content{
	float: left;
	width: 580px;
	margin: 0;
}
#SSIM_leftcontent{
	float: left;
	width: 580px;
	margin: 0;
}

#left_c_content{
	margin-left: 33%;
	margin-right: 33%;
}
#SSIM_left_ccont{
	margin-left: 33%;
	margin-right: 33%;
}

#left_r_content{
	width: 33%;
	position: absolute;
	right:0;
	top:0;
}
#SSIM_left_rcont{
	width: 33%;
	position: absolute;
	right:0;
	top:0;
}

.riyou{
	width: 560px;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 5px;
	border-top: 2px solid #3D68AD;
	border-bottom: 2px solid #3D68AD;
}
.SSIM_riyou{
	width: 560px;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 5px;
	border-top: 2px solid #3D68AD;
	border-bottom: 2px solid #3D68AD;
}

/*左コンテンツのタグ設定*/
#left_content h1{
	background:transparent url(../img/menu/blue_s_hover.png) ;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 0.3em 0.5em;
	margin: 0 0 5px -10px;
}
#SSIM_leftcontent h1{
	background:transparent url(../img/menu/blue_s_hover.png) ;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 0.3em 0.5em;
	margin: 0 0 5px -10px;
}

#left_content h2{
	font-size: 1.3em;
}
#SSIM_leftcontent h2{
	font-size: 1.3em;
}

#left_content h3{
	font-size: 1em;
	font:  bold;
	margin: 0;
	padding: 5px 8px 5px 0px;
}
#SSIM_leftcontent h3{
	font-size: 1em;
	font:  bold;
	margin: 0;
	padding: 5px 8px 5px 0px;
}

#left_content span{
	margin: 0px 0 10px 10px;
}
#SSIM_leftcontent span{
	margin: 0px 0 10px 10px;
}

#left_content img{
	margin: 0;
	vertical-align: middle;
}
#SSIM_leftcontent img{
	margin: 0;
	vertical-align: middle;
}

#left_content img.top{
	margin-top: 0px;
	margin-bottom: 2px;
}
#SSIM_leftcontent img.top{
	margin-top: 0px;
	margin-bottom: 2px;
}

#left_content p{
	margin: 5px 0 0 0 ;
	padding: 0px 5px;
	line-height: 1.5em;
}
#SSIM_leftcontent p{
	margin: 5px 0 0 0 ;
	padding: 0px 5px;
	line-height: 1.5em;
}

#left_content p.outline{
	margin: 5px 0 0 0 ;
	padding: 3px 5px 3px;
	line-height: 1em;
}
#SSIM_leftcontent p.SSIM_outline{
	margin: 5px 0 0 0 ;
	padding: 3px 5px 3px;
	line-height: 1em;
}

#left_l_content{
	width: 33%;
	position: absolute;
	left:0px;
	top:0px;
}
#SSIM_left_lcont{
	width: 33%;
	position: absolute;
	left:0px;
	top:0px;
}

/*右コンテンツのボックス設定*/
#right_content{
	word-break:break-all;
	float: right;
	width: 175px;
	margin: 10px 5px 0 0;
	padding-bottom: 20px;
	border: 1px solid #AAAAAA;
	background: transparent url(../img/menu/right_bc.png) repeat-y;
}
#SSIM_rightcontent{
	word-break:break-all;
	float: right;
	width: 175px;
	margin: 10px 5px 0 0;
	padding-bottom: 20px;
	border: 1px solid #AAAAAA;
	background: transparent url(../img/menu/right_bc.png) repeat-y;
}

#right_pc{
	text-align: center;
	margin-top: 5px;
}
#SSIM_top_5{
	text-align: center;
	margin-top: 5px;
}

#right_pc1{
	text-align: center;
	margin-top: 20px;
}
#SSIM_top_20{
	text-align: center;
	margin-top: 20px;
}

.right_text{
	margin: 0 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #8F9BCB;
}
.SSIM_righttext{
	margin: 0 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #8F9BCB;
}

.right_text2{
	margin: 10px 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #8F9BCB;
}
.SSIM_righttext2{
	margin: 10px 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
	border-bottom: 1px solid #8F9BCB;
}

.right_text3{
	margin: 10px 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
}
.SSIM_righttext3{
	margin: 10px 10px 0 13px;
	padding: 0 0 8px 0;
	line-height: 1.2em;
}

/*右コンテンツのタグ設定*/
#right_content span{
	font-weight: bold;
}
#SSIM_rightcontent span{
	font-weight: bold;
}

/* 影付きボックス全体の設定 */
.infobox { clear:both; width:100%; padding:0; margin-bottom:10px; }
.rulebox { width:100%; margin-bottom:5px; }
.infobox h2{ display:inline; padding:2px 3px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; }

.SSIM_infobox { clear:both; width:100%; padding:0; margin-bottom:10px; }
.SSIM_infobox h2{ display:inline; padding:2px 3px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; }
.SSIM_rulebox { width:100%; margin-bottom:5px; }

/*影つきボックス*/
.right {background:transparent url(../img/menu/right.gif) repeat-y top right;}/* 右部分の影設定 */
.bottom {background:transparent url(../img/menu/bottom.gif) repeat-x bottom left;}/* 下部分の影設定 */
.topright {background:transparent url(../img/menu/topright.gif) no-repeat top right;}/* 右上角部分の影設定 */
.bottomright {background:transparent url(../img/menu/bottomright.gif) no-repeat bottom right;}/* 右下角部分の影設定 */

.SSIM_right {background:transparent url(../img/menu/right.gif) repeat-y top right;}/* 右部分の影設定 */
.SSIM_bottom {background:transparent url(../img/menu/bottom.gif) repeat-x bottom left;}/* 下部分の影設定 */
.SSIM_topright {background:transparent url(../img/menu/topright.gif) no-repeat top right;}/* 右上角部分の影設定 */
.SSIM_bottomright {background:transparent url(../img/menu/bottomright.gif) no-repeat bottom right;}/* 右下角部分の影設定 */

/* 内容部分の余白設定(右、下部分の画像分パディングをとっておく) */
.bottomleft {background:transparent url(../img/menu/bottomleft.gif) no-repeat bottom left;padding:0px 10px 10px 0px;}/* 左下角部分の影設定 */
.SSIM_bottomleft {background:transparent url(../img/menu/bottomleft.gif) no-repeat bottom left;padding:0px 10px 10px 0px;}/* 左下角部分の影設定 */
/* 内容部分の設定（ここでは枠線、パディングを設定している） */
.con_erea {padding: 10px 5px 10px 10px; border-top: 2px solid #3D68AD; border-bottom: 2px solid #3D68AD;}
.con_data {padding: 0px 0px 10px 10px;}
.sub_con {position: relative;width:555px;}

.SSIM_conerea {padding: 10px 5px 10px 10px; border-top: 2px solid #3D68AD; border-bottom: 2px solid #3D68AD;}
.SSIM_condata {padding: 0px 0px 10px 10px;}
.SSIM_subcon {position: relative;width:555px;}

/*リストを背景画像に配置*/
ul.offsite{ list-style:none; margin:0 0 7px 0; padding:0; }
ul.offsite li{ padding:0 0 0 23px; background:url("../img/menu/info_notice.png") no-repeat 0% 50%; text-indent:0; }

ul.SSIM_offsite{ list-style:none; margin:0 0 7px 0; padding:0; }
ul.SSIM_offsite li{ padding:0 0 0 23px; background:url("../img/menu/info_notice.png") no-repeat 0% 50%; text-indent:0; }

/*見出し説明*/