@charset "UTF-8";
/* CSS Document ---------------------------- */
/* for Reccomend Directory                   */     
/* 2010-04-21 last update                    */               
/* ----------------------------------------- */

/* -- default ------------------------------ */

div h1
{
	margin:12px 0 10px 0 !important;
}

h2{
	margin: 10px 0px 0px 0px;
}

p{
	margin:0;
	padding: 0px !important;
	line-height: 1.5em !important;
}

#recommend{
margin-left:20px;

}

.indexs a{color:#4883B4; text-decoration:underline;}
.indexs a:hover{text-decoration:none !important;}

.block{display:block !important;}

/* align */
.ali_right{text-align:right;}

/* float */
.flo_left{float:left;}
.flo_right{float:right;}


/*width*/
.w380{width:380px;}
.w416{width:416px !important;}
.w553{width:553px !important;}
.w135{width:135px;}
.w192{width:192px;}
.w375{width:375px;}


/* margin */
.mb5{margin-bottom:5px !important;}
.mt5{margin-top:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.section20{margin-bottom:20px !important;}


/* anchor */

a.link_article{
	margin: 0px;
	padding: 0px;
	color: #FF669B;
	text-decoration: underline;
	font-weight:bold !important;
}
a.link_article:hover{
	color: #FF669B;
	text-decoration: none !important;
}

/* -- main content box start --------------- */

div#content_area{
	margin: 0px 0px 15px 0px !important;
	background: url(../images/common/box_bg01.gif) no-repeat center bottom;
	padding: 0px 0px 5px !important;
	height: auto;
	width: 615px;
}


div#content_area div#content_area_inner{
	border-right: 1px solid #EE5D8F;
	border-left: 1px solid #EE5D8F;
	padding: 0px 14px 14px !important;
		zoom:1;
}

div#content_area div#content_area_inner .pickup h3.pickup_title_01{
	font-size: 100%;
	font-weight: bold;
	background: url(../images/common/icon_circlearrow_01.gif) no-repeat 0em 0.3em;
	line-height: 1.5em;
	padding-left: 15px;
	margin:0;
}

div#content_area div#content_area_inner .pickup h3.pickup_title_01 span{
font-weight:normal !important;
}

div#content_area div#content_area_inner h3.pickup_title_02{
	font-size: 100%;
	font-weight: bold;
	background: url(../images/common/icon_circlearrow_02.gif) no-repeat 0em 0.3em;
	line-height: 1.5em;
	padding-left: 15px;
	margin:0;
}

div#content_area div#content_area_inner h3.pickup_title_02 span{
font-weight:normal !important;
}


div#content_area div#content_area_inner dl.media_introduce_01{
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 1.5em;
	color: #666;
}

div#content_area div#content_area_inner dl.media_introduce_01 dt{
	width: 9em;
	float: left;
}

div#content_area div#content_area_inner dl.media_introduce_01 dd{
	margin-left: 9em;
}

div#content_area div#content_area_inner div.media_introduce_03{
	width: 18em;
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 1.5em;
	color: #666;
}

div#content_area div#content_area_inner dl.media_introduce_02{
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 1.5em;
	color: #666;
}

div#content_area div#content_area_inner dl.media_introduce_02 dt{
	width: 7em;
	float: left;
}

div#content_area div#content_area_inner dl.media_introduce_02 dd{
	margin-left: 7em;
}


/* -- main content box end ----------------- */

/* -- index pages start -------------------- */

div#media{
	background: #FFFACE;
	margin: 0px;
	padding: 0px;
}

div#media h3{
	background-image: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

div#media ul{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}

div#media ul li{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 15px;
	background: url(../images/common/hline_dot01.gif) repeat-x center bottom;
	line-height: 1.5em;
}

div#media ul li a{
	color: #333;
	text-decoration: underline;
	background: url(../images/common/icon_triangle.gif) no-repeat 0em 0.5em;
	display: block;
	padding-left: 10px;
}

div#media ul li a:hover{
	background: url(../images/common/icon_triangle.gif) no-repeat 0em 0.5em;
	display: block;
	padding-left: 10px;
	color: #FF8EB5;
	text-decoration:none !important;
	line-height: 1.5em;
}

div#media ul li.first{
	padding-top:10px;
}

div#media ul li.last{
	margin-bottom:0px !important;
}

div#bnr_section{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 615px;
}

div#bnr_section ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#bnr_section ul li{
	display: inline;
	padding: 0px 15px 0px 0px !important;
	margin: 0px;
}

div#bnr_section ul li.last{
	padding: 0px !important;
}

/* -- index pages end ---------------------- */

/* -- archive index start ------------------ */

div.section_archive{
	padding: 0px 11px 11px;
	margin-bottom: 15px;
	background: url(../images/common/hline_dot02.gif) repeat-x center bottom;
}

div.section_archive strong{
	font-weight:normal !important;
}

div.last{
	background-image:none !important;
	margin-bottom:0px !important;
}

/* -- archive index end -------------------- */


/* -- 詳細ページ pages end ---------------------- */

div.pickup {
	border-left:1px solid #63b1f9;
	border-right:1px solid #63b1f9;
	border-bottom:1px solid #63b1f9;
	background:#d8ebfe;
	padding:10px 18px;
	margin-bottom:20px;
	font-size:110%;
}

div.media_box_contents {
	background:url(../images/common/media_box_middlebg.gif) repeat-y left top;
	padding:5px 16px 5px 16px;
}

div.media_box_head
{
	background:url(../images/common/media_box_headbg.gif) no-repeat left top;
	padding:8px 0 0 0;
	margin:0;
}

div.media_box_contents p{
	width:384px;
	margin-bottom:0px !important;
}

div.media_box_contents .media_box_text_area h4{
	padding:0;
	margin:0 0 10px 0;
}

div.media_box_contents .media_box_text_area h5{
	padding:0;
	margin:0 0 5px 0;
	font-size:100%;
}

div.media_box_foot
{
	background:url(../images/common/media_box_footbg.gif) no-repeat left bottom;
	padding:0 0 8px 0;
	margin:0 0 20px;
	width:585px;
}

div.main_box {
	width:579px;
	background:url(../images/common/main_bg.gif);
	border:3px solid #e7e7e7;
	margin-bottom:20px;
}

div.main_box_inner {
	padding:18px;
}

div.main_box p{
	margin-bottom:0 !important;
}

div.main_box .photo_right {
	float:right;
	padding-left:15px;
	padding-bottom:5px;
}

div.main_box .photo_right_inner {
	width:256px;
	height:210px;
	float:left;
}

div.main_box .left p.cap {
	font-size:85%;
	margin-top:10px;
	margin-bottom:0 !important;
}

div.main_box h5{
	padding:0;
	margin:0 0 10px 0;
	font-size:100%;
	line-height:1.5em;
}

div.staff_box_foot
{
	background:url(../images/common/staff_box_footbg.gif) no-repeat left bottom;
	padding:0 0 8px 0;
	margin-bottom:20px;
	width:585px;
}

div.staff_box_head
{
	background:url(../images/common/staff_box_headbg.gif) no-repeat left top;
	padding:9px 0 0 0;
	margin:0;
}

div.staff_box_contents {
	background:url(../images/common/staff_box_middlebg.gif) repeat-y left top;
	padding:10px 16px 10px 16px;
	margin:0;
}

div.staff_box_contents .staff_box_text_area{
	float:left;
	width:553px;
}

div.staff_box_contents .staff_box_text_area p{
display:inline;
}

div.staff_box_contents .staff_box_text_area h4{
	padding:0;
	margin:0 0 10px 0;
	width:384px;
}

div.staff_box_contents .staff_box_text_area h5{
	padding:0;
	margin:0 0 10px 0;
	font-size:100%;
	width:384px;
}

div.staff_box_contents .staff_photo{
	float:right;
	width:157px;
}

div.staff_box_contents .staff_photo_inner{
	float:right;
	padding-left:15px;
	padding-bottom:5px;
}

div.staff_box_contents .staff_photo p{
	margin-bottom:0 !important;
}

div.staff_box_foot
{
	background:url(../images/common/staff_box_footbg.gif) no-repeat left bottom;
	padding:0 0 8px 0;
}

div.point_box{
	width:585px;
}

div.point_box h4{
	padding:0;
	margin:0 0 15px 0;
	width:585px;
}

img.point_img {
	margin-bottom:15px;
}

div.point_box .step_box{
	width:585px;
	margin-bottom:15px;
}

div.point_box .step_box_last{
	width:585px;
	margin-bottom:20px;
	border-bottom:dotted #CCCCCC 1px;
}

div.point_box .step_box_inner{
	border-top:dotted #CCCCCC 1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:15px;
}

div.point_box .step_box p , div.point_box .step_box_last p {
	width:345px;
	float:left;
}

.step_box_right_image
{
	float:right;
	width:200px;
}

div.point_box h5{
	margin:0 0 5px 0;
	line-height:1.5em;
	font-size:100%;
	display:block;
}

div.point_box .point_box_right_image_02{
	width:124px;
	float:right;
}

div.point_box .point_box_right_image{
	width:200px;
	float:right;
}

div.point_box .point_box_right_image p.cap_text {
	font-size:85%;
	margin-top:5px;
	margin-bottom:0 !important;
}

div.point_box .point_box_right_image p.cap_text_02 {
	font-size:85%;
	margin-top:5px;
	margin-bottom:10px;
}


div.point_box .point_box_right_image_02 p.cap_text {
	font-size:85%;
	margin-top:5px;
	text-align:center;
	margin-bottom:0 !important;
}
div.point_box .point_box_left_text{
	width:370px;
	float:left;
}

div.point_box .point_box_left_text_02{
	width:340px;
	float:left;
}

div.point_box .point_box_sub_information{
	padding:15px;
	background-color:#D9D9D9;
}

div.point_box .point_box_column{
	padding:15px;
	border:1px dotted #999999;
	background-color:#FFFFCC;
}


div.point_box h5.icon_blue{
	background:url(../images/common/icon_blue.gif) no-repeat 0 3px;
	padding-left:13px;
}

div.point_box h5.step_01{
	background:url(../images/common/icon_step_01.gif) no-repeat 0 1px;
	padding-left:47px;
	width:298px;
}

div.point_box h5.step_02{
	background:url(../images/common/icon_step_02.gif) no-repeat 0 1px;
	padding-left:47px;
	width:298px;
}

div.point_box h5.step_03{
	background:url(../images/common/icon_step_03.gif) no-repeat 0 1px;
	padding-left:47px;
	width:298px;
}

div.point_box h5.step_04{
	background:url(../images/common/icon_step_04.gif) no-repeat 0 1px;
	padding-left:47px;
	width:298px;
}

div.point_box .detail_box{
	width:585px;
	margin-bottom:15px;
}

div.point_box .detail_box_last{
	width:585px;
	margin-bottom:20px;
	border-bottom:dotted #CCCCCC 1px;
}

div.point_box .detail_box_inner{
	border-top:dotted #CCCCCC 1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:15px;
}

div.point_box .detail_box_inner h5 span{
	color:#FF0000 !important ;
	font-weight:normal;}

div.point_box .detail_box_inner table{
	border-bottom:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
}

div.point_box .detail_box_inner table td{
	border-left:solid #CCCCCC 1px;
	border-top:solid #CCCCCC 1px;
	padding:5px;
}

div.point_box .detail_box_inner table th{
	border-left:solid #CCCCCC 1px;
	border-top:solid #CCCCCC 1px;
	background-color:#E8E8E8;
	padding:5px;
	text-align:left;
	font-weight:normal;
}

div.point_box span.text_red{
	color:#FF0000;
}

div.point_box .table_format {
	border-bottom:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
	width:440px;
}

div.point_box .table_format th {
	border-left:solid #CCCCCC 1px;
	border-top:solid #CCCCCC 1px;
    padding: 5px;
	font-weight:normal !important;
}

div.point_box .table_format th span {
    font-size: 85%;
}

div.point_box .table_format td {
	border-left:solid #CCCCCC 1px;
	border-top:solid #CCCCCC 1px;
    padding: 5px;
    text-align: center;
}

div.point_box .table_format th.blue {
    background-color: #DBF6FF;
}

div.point_box .table_format th.yellow {
    background-color: #FDEAB7;
}

div.point_box .table_format td.yellow {
    background-color: #FFF5D8;
}


/* -- 詳細ページ index start ------------------ */