/*
Global
*/
* {
	margin:0;
	padding:0;
}
html,
body {
	background:#FFF;
}
html {
	overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	color:#333;
	font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:62.5%;
	line-height:150%;
}
html>/**/body {
	font-size:10px;
}
a {
/*\*/
	overflow:hidden;
/**/
}
div {
	display:inline-block;
}
div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hides from IE-mac \*/
* html div {
	height:1%;
}
div {
	display:block;
}
/* End hide from IE-mac */
table	{
	border-collapse:separate;
	border-spacing:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
img {
	border:none;
}
p {
	margin:0 0 10px;
}
form {
	margin:0;
}

/*
Text
*/
a:link,
a:visited,
a:active {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
a:hover,
a:focus {
	color:#999;
	text-decoration:none;
}
.small {
	font-size:0.8em;
	line-height:1.5em;
	font-weight:normal;
}
.small a:link,
.small a:visited,
.small a:active {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
.small a:hover,
.small a:focus {
	color:#999;
	text-decoration:none;
}
.big {
	font-size:1.2em;
	line-height:1.7em;
	font-weight:normal;
}
.big a:link,
.big a:visited,
.big a:active {
	font-size:1.2em;
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
.big a:hover,
.big a:focus {
	color:#999;
	text-decoration:none;
}
strong {
	font-weight:bold;
}

/*
Heading
*/
h2,
h3,
h4,
h5 {
	font-weight:bold;
}
h1 {
}


/*
Image
*/
.imgframe {
	border:1px solid #EFEFEF;
	padding:4px;
	background-color:#FFF;
}
.imgleft {
	clear:left;
	display:inline;
	float:left;
	margin:0 15px 15px 0;
}
.imgright {
	clear:right;
	display:inline;
	float:right;
	margin:0 0 15px 15px;
}
.imgleft02 {
	display:inline;
	float:left;
	margin:0 15px 10px 0;
}
.imgright02 {
	display:inline;
	float:right;
	margin:0 0 10px 15px;
}
.imgleft img,
.imgright img,
.imgleft02 img,
.imgright02 img {
	margin:0 0 2px;
}
a.imglink:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*
Misc
*/
.sp0 {
	margin-bottom:0;
}
.sp05 {
	margin-bottom:5px;
}
.sp10 {
	margin-bottom:10px;
}
.sp15 {
	margin-bottom:15px;
}
.sp20 {
	margin-bottom:20px;
}
.sp30 {
	margin-bottom:30px;
}
.sp0- {
	padding-top:0;
}
.sp05- {
	padding-top:5px;
}
.sp10- {
	padding-top:10px;
}
.sp15- {
	padding-top:15px;
}
.sp20- {
	padding-top:20px;
}
.sp30- {
	padding-top:30px;
}
.sp35- {
	padding-top:35px;
}
.ar {
	text-align:right;
}
.ac {
	text-align:center;
}
.al {
	text-align:left;
}
.clear {
	clear:both;
}
a.link {
	background:url(../images/common/icon_link01.png) no-repeat left 4px;
	padding:0 0 0 15px;
	margin:0;
}
hr {
	clear:both;
	margin:10px auto;
	padding:0;
	background:none;
	border:none;
	border:dotted #CCC;
	border-width:1px 0 0 0;
	height:1px;
	overflow:hidden;
} 

#wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#FFF;
	overflow:hidden;
}

/*
Header
*/
#header {
	background:url(../images/common/header_back.png) repeat-x;
	width:100%;
	height:133px;
	margin:0 auto;
	padding:0;
}
#hframe {
	width:980px;
	height:133px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
	overflow:hidden;
}
#hframe h1 {
	position:absolute;
	top:7px;
	left:10px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#777;
}
#hframe h2 {
	position:absolute;
	top:29px;
	left:10px;
	margin:0;
	padding:0;
}
#hnavi {
	position:absolute;
	top:6px;
	right:10px;
	width:300px;
}
#hnavi ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}
#hnavi ul li {
	display:inline-block;
	margin:0 0 0 15px;
	padding:0;
	font-size:1.2em;
	line-height:30px;
}
#hnavi ul li a {
	display:block;
	height:30px;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 25px;
	overflow:hidden;
}
#hnavi ul li#hnavi01 a {
	background-image:url(../images/common/header_icon01.png);
}
#hnavi ul li#hnavi02 a {
	background-image:url(../images/common/header_icon02.png);
}
#hnavi ul li#hnavi03 a {
	background-image:url(../images/common/header_icon03.png);
}
#hphone {
	position:absolute;
	top:40px;
	right:10px;
	width:350px;
	height:43px;
	text-align:right;
}
#hphone span {
	display:block;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	padding:10px 0 0;
}
#hmaker {
	position:absolute;
	top:29px;
	left:340px;
	width:260px;
}
#hmaker ul {
	list-style:none;
	margin:0;
	padding:0;
}
#hmaker ul li {
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
#hmenu {
	position:absolute;
	top:89px;
	left:10px;
	width:980px;
	height:44px;
	overflow:hidden;
}
#hmul {
	list-style:none;
	width:980px;
	height:44px;
	margin:0;
	padding:0;
}
#hmul li {
	float:left;
	width:auto;
	height:44px;
	overflow:hidden;
	margin:0;
	padding:0;
}


/*
Content
*/
#content {
	clear:both;
	width:980px;
	margin:0 auto;
	padding:20px 0 50px;
	text-align:left;
	font-size:1.2em;
	line-height:1.7em
}
#main {
	display:inline;
	float:left;
	width:726px;
	margin:0;
	padding:0;
}
#side {
	display:inline;
	float:right;
	width:230px;
	margin:0;
	padding:0;
}

/*
Main
*/
#breadcrumbs {
	margin:0 auto 5px;
	padding:0;
	font-size:0.9em;
	line-height:1.6em;
}
.hbanner {
	text-align:center;
	padding:5px 0px 15px;
}
.hbanner img {
	margin:0px 2px;
	border:0;
}
.hbanner form {
	width:140px;
	height:50px;
	margin:0px 2px;
	display:inline;
}
ol,
ul {
	margin:0 0 15px 25px;
}
ul {
	list-style:square;
}
li{
	margin:0 0 4px 0;
}
li img {
	vertical-align:bottom;
}
table {
	clear:both;
	width:100%;
	margin:0 0 10px;
	border:none;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
td {
	background-color:#FFF;
	border:none;
	border-top:1px solid #CCC;
	padding:4px 8px;
	vertical-align:top;
	text-align:left;
}
th {
	background-color:#EFEFEF;
	border:none;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:4px 10px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	width:150px;
}
td.ar {
	text-align:right;
}
td.ac {
	text-align:center;
}
td span,
th span {
	white-space:nowrap;
}
table.noframe {
	clear:both;
	width:auto;
	margin:0 0 10px;
	border:none;
}
.noframe td {
	background-color:#FFF;
	border:none;
	padding:4px 8px;
	vertical-align:top;
	text-align:left;
}
.noframe th {
	background-color:#FFF;
	border:none;
	padding:4px 8px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

.contact_banner {
	position:relative;
	margin:0 0 10px;
}
.contact_banner h3 {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/common/contact_title.png) no-repeat;
	height:36px;
	overflow:hidden;
	color:#FFF;
	font-size:1.5em;
	line-height:37px;
	text-shadow:0 0 3px #16427A;
	border:none;
}
.contact_banner p {
	display:block;
	position:absolute;
	top:46px;
	left:284px;
	font-size:1.5em;
	font-weight:bold;
	color:#1E5AA5;
}
.contact_banner span.sample {
	display:block;
	position:absolute;
	top:216px;
	right:18px;
}
.contact_banner span.fax {
	display:block;
	position:absolute;
	top:260px;
	left:284px;
}
.contact_banner span a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*
Side
*/
#side_social {
	border:1px solid #DCDCDC;
	padding:8px 8px 0;
	height:70px;
	text-align:center;
	margin:0 0 10px;
}
#side_social ul {
	list-style:none;
	margin:0;
	padding:0;
}
#side_social ul li {
	float:left;
	margin:0 2px;
	padding:0;
}
#side_social ul li#twitter {
	width:80px;
}

#side_bt {
	clear:both;
	border:1px solid #DCDCDC;
	padding:9px;
	height:146px;
	margin:0 0 10px;
	overflow:hidden;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
	behavior:url(/PIE.htc);
}
#side_bt ul {
	list-style:none;
	margin:0;
	padding:0;
}
#side_bt ul li {
	margin:0 0 5px;
	padding:0;
}
#side_bt ul li.ex01 {
	float:left;
	margin-top:4px;
}
#side_bt ul li.ex02 {
	margin-top:4px;
	float:right;
}
#side_bt ul li.ex01 a,
#side_bt ul li.ex02 a {
	display:block;
	width:103px;
	height:25px;
	background:url(../images/common/side_bt03.png) no-repeat;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}
#side_bt ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#side_paper {
	margin:0 0 10px;
}
#side_paper .accordion {
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
}
#side_paper h3 {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/common/side_paper_title.png) no-repeat;
	height:38px;
	overflow:hidden;
	color:#FFF;
	font-size:1.5em;
	line-height:39px;
	text-shadow:0 0 3px #16427A;
	border:none;
}
#side_paper h4 {
	display:block;
	margin:0;
	padding:0 0 0 25px;
	background:url(../images/common/side_paper_back.png) no-repeat 0 0;
	height:37px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	z-index:2;
	font-size:1.2em;
	line-height:37px;
}
#side_paper h4.active {
	background:url(../images/common/side_paper_back.png) no-repeat 0 -37px;
}
#side_paper h4 span {
	display:block;
	position:absolute;
	top:13px;
	right:5px;
	z-index:10;
	font-size:0.7em;
	line-height:12px;
}
#side_paper h4 span a {
	display:block;
	background:url(../images/common/icon_link02.png) no-repeat right center;
	padding:0 10px 0 0;
}
#side_paper .accordion ul {
	list-style:none;
	margin:0;
	padding:10px;
}
#side_paper .accordion ul.ex {
	border-top:1px dotted #DCDCDC;
}
#side_paper .accordion ul li {
	margin:0;
	padding:0;
	font-weight:bold;
}
#side_paper .accordion ul li span {
	font-size:0.9em;
}
#side_paper .accordion ul li a {
	display:block;
	margin:0;
	padding:0 0 0 12px;
	background:url(../images/common/side_paper_icon01.png) no-repeat left 8px;
	font-weight:normal;
}
#side_paper .accordion ul li strong a {
	font-weight:bold;
}
#side_paper .side_navi {
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	padding:10px;
}
#side_paper .side_navi ul {
	border-top:1px dotted #DCDCDC;
	list-style:none;
	margin:0;
	padding:8px 3px 0;
}
#side_paper .side_navi ul li {
	margin:0;
	padding:0;
}
#side_paper .side_navi ul li a {
	display:block;
	margin:0;
	padding:0 0 0 14px;
	background:url(../images/common/side_paper_icon02.png) no-repeat left center;
}

.side_banner ul {
	list-style:none;
	margin:0;
	padding:0;
}
.side_banner ul li {
	margin:0 0 10px;
	padding:0;
}
.side_banner ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#side_ranking {
	margin:0 0 10px;
}
#side_ranking ul {
	list-style:none;
	margin:0;
	padding:0 10px;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}
#side_ranking ul li {
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.4em;
}
#side_ranking ul li a {
	display:block;
	border-top:1px dotted #DCDCDC;
	padding:10px 0;
}
#side_ranking ul li:first-child a {
	border-top:none;
}
#side_ranking ul li img {
	float:left;
	margin:0 4px 0 0;
}
#side_ranking ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#side_ranking h3,
#side_news h3 {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/common/side_ranking_title.png) no-repeat;
	height:30px;
	overflow:hidden;
	color:#FFF;
	font-size:1.4em;
	line-height:32px;
	text-shadow:0 0 3px #16427A;
	z-index:2;
	position:relative;
}

#side_news {
	margin:0 0 10px;
}
#side_news h3 span {
	display:block;
	position:absolute;
	top:6px;
	right:5px;
	z-index:10;
	font-size:0.6em;
	line-height:16px;
	text-shadow:none;
	border:1px solid #FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#FFF;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#FFFFFF));
	background:-webkit-linear-gradient(#F5F5F5, #FFFFFF);
	background:-moz-linear-gradient(#F5F5F5, #FFFFFF);
	background:-ms-linear-gradient(#F5F5F5, #FFFFFF);
	background:-o-linear-gradient(#F5F5F5, #FFFFFF);
	background:linear-gradient(#F5F5F5, #FFFFFF);
	-pie-background:linear-gradient(#F5F5F5, #FFFFFF);
	behavior:url(/PIE.htc);
}
#side_news h3 span a {
	display:block;
	padding:0 10px 0 3px;
	background:url(../images/common/icon_link02.png) no-repeat right center;
}
#side_news ul {
	list-style:none;
	margin:0;
	padding:0 10px;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}
#side_news ul li {
	margin:0;
	padding:8px 0;
	border-top:1px dotted #DCDCDC;
}
#side_news ul li:first-child {
	border-top:none;
}
#side_news ul li span {
	color:#2d87db;
	display:block;
}

/*
Footer
*/
#ftop {
	clear:both;
	width:980px;
	margin:0 auto;
	text-align:right;
}
#ftop a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#footer {
	border-top:3px solid #2465B6;
	clear:both;
	background:#F0F4FA url(../images/common/footer_back.png) repeat-x left bottom;
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.6em;
}
#fframe {
	width:980px;
	margin:0 auto;
	padding:24px 10px 0;
	position:relative;
	overflow:hidden;
}
#fframe h3 {
	margin:0 0 10px;
	padding:0 0 4px;
	background:url(../images/common/footer_border.png) repeat-x left bottom;
	font-size:1.2em;
	border:none !important;
}
#fframe p {
	font-size:1.0em;
	line-height:1.6em;
}
#fguide {
	float:left;
	width:610px;
}
#fcal {
	float:left;
	width:160px;
}
#fopen {
	float:left;
	width:210px;
	padding:30px 0 0;
}
#fadd {
	float:left;
	padding:30px 0 0;
}
#fnavi {
	float:right;
	width:340px;
}
#fnavi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#fnavi ul li {
	margin:0 0 2px;
	padding:0;
}
#fnavi ul li a {
	display:block;
	padding:0 0 0 14px;
	background:url(../images/common/icon_link01.png) no-repeat left center;
}
#flink {
	clear:both;
	padding:20px 0 0;
}
#flink #flink_title {
	margin:0 0 10px;
	padding:0 0 7px;
	background:url(../images/common/footer_border.png) repeat-x left bottom;
}
#flink #flink_title ul {
	list-style:none;
	margin:0;
	padding:0;
}
#flink #flink_title ul li {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #969A9D;
	font-size:1.2em;
}
#flink #flink_title ul li:first-child {
	margin:0;
	padding:0;
	border-left:none;
}
#flink #flink_title ul li a:link,
#flink #flink_title ul li a:visited,
#flink #flink_title ul li a:active {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#flink #flink_title ul li a:hover,
#flink #flink_title ul li a:focus,
#flink #flink_title ul li.ui-state-active a {
	color:#999;
	text-decoration:none;
}
#flink01,
#flink02 {
	width:980px;
	overflow:hidden;
	padding:0 0 35px;
}
#flink01 ul {
	float:left;
	width:235px;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}
#flink02 ul {
	float:left;
	width:186px;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
}
#flink01 ul li,
#flink02 ul li {
	margin:0 0 6px;
	padding:0;
	line-height:1.2em;
}
#flink01 ul li a,
#flink02 ul li a {
	display:block;
	background:url(../images/common/icon_link01.png) no-repeat left 1px;
	padding:0 0 0 14px;
}
#flink01 ul li ul {
	margin:8px 0 0;
	padding:0;
}
#flink01 ul.ex li ul {
	margin:20px 0 0;
}
#flink01 ul li ul li {
	margin:0 0 6px;
	padding:0;
	line-height:1.2em;
	height:auto;
}
#fcopy {
	text-align:right;
	color:#FFF;
	line-height:2.5em;
}