@charset "utf-8";

/* style.css
----------------------------------------------------
	Modules
	Common Layout Setting
----------------------------------------------------

Font Size
	
	Base : 12px (75%)
	
	10px :  83.4%
	11px :  92%
	15px : 125%
	16px : 134%
	
---------------------------------------------------- */
body { font-size: 75%; }



/* Modules
==============================================================================
	Roll Over Class
	Margin
	Padding
	
	- List
============================================================================== */

/* Roll Over Class */
.over { /* for Java Script */ }
.over_thin a:hover img,
.over_thin a:focus img,
a.over_thin:hover img,
a.over_thin:focus img,
a:hover img.over_thin,
a:focus img.over_thin {
	opacity: .75;
	filter: alpha(opacity=75);
}


/* Margin */
/* _ top */
.mt_00 { margin-top: 0; }
/* _ right */
.mr_12 { margin-right: 12px; }
/* _ bottom */
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.mb_25 { margin-bottom: 25px; }
.mb_30 { margin-bottom: 30px; }

/* Padding */
/* _ top */
.pt_03 { padding-top:  3px; }
.pt_05 { padding-top:  5px; }
.pt_06 { padding-top:  6px; }
.pt_08 { padding-top:  8px; }
.pt_10 { padding-top: 10px; }
.pt_12 { padding-top: 12px; }
.pt_15 { padding-top: 15px; }
.pt_18 { padding-top: 18px; }
.pt_20 { padding-top: 20px; }
.pt_23 { padding-top: 23px; }
.pt_25 { padding-top: 25px; }
.pt_28 { padding-top: 28px; }
.pt_30 { padding-top: 30px; }
.pt_34 { padding-top: 34px; }
.pt_36 { padding-top: 36px; }
.pt_40 { padding-top: 40px; }
.pt_44 { padding-top: 44px; }
.pt_46 { padding-top: 46px; }
.pt_50 { padding-top: 50px; }
.pt_54 { padding-top: 54px; }
.pt_60 { padding-top: 60px; }
.pt_65 { padding-top: 65px; }
/* _ left */
.pl_00 { padding-left:    0; }
.pl_08 { padding-left:  8px; }
.pl_10 { padding-left: 10px; }
.pl_20 { padding-left: 20px; }
.pl_30 { padding-left: 30px; }
.pl_60 { padding-left: 60px; }
.pl_70 { padding-left: 70px; }
/* _ bottom */
.pb_05 { padding-bottom:  5px; }
.pb_08 { padding-bottom:  8px; }
.pb_10 { padding-bottom: 10px; }
.pb_15 { padding-bottom: 15px; }
.pb_20 { padding-bottom: 20px; }
.pb_30 { padding-bottom: 30px; }


/* - List */

/* for Sitemap - use at error / サイトマップページ未読込 */
.sitemap_box .list { padding: 0 0 15px 20px; }
.sitemap_box .list_l { float: left; width: 300px; }
.sitemap_box .list_r { float: left; width: 290px; }
.sitemap_box .list li { margin-bottom: 5px; }
.sitemap_box .list .arr {	/* Heading */
	padding-left: 16px;
	background:url("/images/common/arr.gif") no-repeat 0 45%;
}
.sitemap_box .list li ul {	/* Following */
	list-style: disc outside;
	margin: .25em 0 1em 2.6em;
	color: #ccc;
	line-height: 1.2;
}
.sitemap_box .list li p,
.sitemap_box .list li a {
	position: relative;
}



/* Common Layout Setting
==============================================================================
	Whole Style
	
	Container & Content
		Topic Path
		for One Column Page
		Column Main
		Column Sub
	
	Social Service at top
	Social Service at foot
	Footer
============================================================================== */
#container,
#content {
	font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

a:link,
a:visited { text-decoration: none; }
a:hover,
a:focus,
a:active  { text-decoration: underline; }


/* __________________________ Whole Style */
h1, h2 { line-height: 1.05; }


/* __________________________ Container & Content */
#content {
	margin-bottom: 20px;
}

/* _____________ Topic Path */
#content .topic_path {
	margin: 10px 0 20px;
	font-size: 83.4%;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
}

/* _____________ for One Column Page */

/* Section Header */
#section_header {
	margin-bottom: 20px;
}
#section_header .heading {
	float: left;
}
#section_header .lead {
	float: right;
}


/* _____________ Column Main */
#col_main {
	float: left;
	width: 730px;
}


/* _____________ Column Sub */
#col_sub {
	float: right;
	width: 200px;
}


/* 20140821 added */
/* __________________________ Social Service at top */
#social_top {
	margin:0;
	padding: 12px 0;
	text-align:right;
}
#social_top #twitter {
	float: right;
	width: 110px;
	height: 21px;
	overflow: hidden;
}
#social_top #facebook {
	float: right;
    padding-left:5px;
}
#social_top #facebook iframe {
	border: 0;
	overflow: hidden;
}


/* __________________________ Social Service at foot */
#social_foot {
	padding: 12px;
	width: 926px
}
#social_foot #twitter {
	float: left;
	width: 110px;
	overflow: hidden;
}
#social_foot #facebook {
	float: left;
}
#social_foot #facebook iframe {
	border: 0;
	width: 791px;	/* = 950-135-12*2 */
	height: 30px;
	overflow: hidden;
}

/* __________________________ Footer */
#footer {
	background-position: 0 17px;
}

/* Pagetop */
#footer .pagetop {
	margin: 0 auto;
	padding-right: 10px;
	width: 940px;
}
#footer .pagetop p {
	float: right;
	width: 63px;
	height: 17px;
}
#footer .pagetop p a {
	display: block;
	width: 63px;
	height: 17px;
	background: url("/images/common/bt_pagetop.jpg") no-repeat 0 0;
	font-size: 0.1em;
	text-decoration: none;
	text-indent: -9999px;
}