@charset "UTF-8";
/*
Theme Name: 札幌障害年金相談センター
Theme URI:  http://sapporo-nenkin.jp/
Description: 札幌障害年金相談センター
Version: 1.0
Author: zhp

*/

/* BODY
---------------------------------------------*/

html {
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;}

body {
	text-align: left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	color: #444444;
	background-color: #fff;}

img {
	vertical-align: bottom;
	border: none;}

a {
	color: #FC1D1F;
	text-decoration: none;}

a:hover {
	color: #FC1D1F;
	font-weight: bold;
	text-decoration: underline;}

strong {
	font-weight: bold;}

p {
	margin-bottom: 1em;
	padding: 1em 10px 0 16px;
	line-height: 1.4em;}
.mtb10{margin-top:10px;}
p.p_zero {
	padding: 0;}

.sec #main p,
.indsec p {
	margin-left: 1em;
	margin-right: 1em;}

#main table {
border-collapse: collapse;
font-size: 15px;
font:100%;
margin: 0 -1px 24px 20px;
text-align: left;
}
#main table th    {
color: #FFF;
background-color: #FFD593;
font-weight: bold;
padding: 10px;
border-bottom: 1px solid #555;
}
#main table td    {
padding: 6px;
color: #444;
border-bottom: 1px solid #555;
}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}



/* TITLE SETUP
---------------------------------------------*/


h2 {
	height: 41px;
	padding-left: 30px;
	font-size: 16px;
	line-height: 41px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #f15a24;
	text-shadow: 1px 1px 0 #fff;
	background: url(./images/bg_h2.jpg) no-repeat left top;}

h3 {
	height: 40px;
	padding-left: 16px;
	margin-top: 23px;
	font-size: 18px;
	line-height: 43px;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
	background: url(./images/bg_h3.jpg) left top repeat-x;}

h4 {
	padding: 12px 3px 8px 3px;
	margin-top: 23px;
	font-size: 16px;
	line-height: 1.3em;
	color: #333;
	border-top: 4px solid #fd9927;
	border-bottom: 1px solid #fd9927;}


/* HEADER
---------------------------------------------*/

#header {
	width: 100%;
	padding-bottom: 3px;
	border-top: 4px solid #FF5C26;}

#header_top {
	position: relative;
	width: 920px;
	height: 136px;
	text-align: left;
	margin: 0 auto;}

/* トップコピー  */
#topcopy {
	z-index: 1;
	position: absolute;
	top: 19px; left: 32px;
	width: 500px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #525252;
	text-shadow: 1px 1px 1px #fff;}


/* ロゴ  */
h1 {
	position: absolute;
	top: 13px; left: -60px;
	width: 652px;
	height: 111px;
	padding: 0;
	margin: 0;}

/* サブコピー  */
#subcopy {
	z-index: 1;
	position: absolute;
	top: 90px;
	left: -15px;
	padding: 12px 0 0 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	/* letter-spacing: 0.5em; */
	color: #525252;
	}

span.admin {margin-right: 0.5em;}

#subcopy strong {
	font-size: 18px;
	color: #e10000;}


/* subnav  */

#subnav {
	overflow: hidden;
	position: absolute;
	top: 6px; right: 0;}

#subnav li {
	float: right;
	font-size: 14px;}

#subnav li a {
	display: block;
	color: #333;
	margin-right: 10px;
	padding-left: 17px;
	background: url(./images/arw_subnav.gif) left 0.3em no-repeat;}

#subnav li a:hover {
	color: #fd9226;}


/* 右上電話番号 */
#toptel {
	position: absolute;
	top: 33px; right: 0;
	padding: 0;}


/* GLOBAL NAVI */

#gnav_wrap {
	width: 100%;
	padding: 8px 0 21px 0;
	border-top: 1px solid #fd9526;
	background: #EAEAEB url(./images/bg_gnav.jpg) repeat-x left center;}

#gnav {
	width: 985px;
	padding-left: 35px;
	margin: 0 auto;}

#gnav ul {
	width: 950px;
	text-align: left;}

#gnav li {
	display: inline;
	white-space: nowrap;
	font-size: 17px;
	padding: 0 13px 0 4px;
	background: url(./images/bg_gnav_li.gif) no-repeat right center;}

#gnav li:last-child {
	padding: 0 0 0 4px;
	background: none;}

#gnav li a {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;}

#gnav li a:hover {
	color: #8c220b;}



/* ALL
---------------------------------------------*/

#all {
	width: 100%;
	padding: 0;
	margin: 0;}

/* TopBox
---------------------------------------------*/

#topbox_wrap {
	width: 100%;
	height: 231px;
	padding: 14px 0 0 0;
	margin: 0;
	background: url(./images/bg_topbox.gif) left top;}

#topbox {
	position: relative;
	width: 925px;
	height: 231px;
	margin: 0 auto;}

#icon_topbox {
	position: absolute;
	top: 0; left: 0;
	width: 980px;
	height: 231px;
	padding: 0;
	margin: 0;}

#topbox h2 {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	background: none;}


/* TopNav */

#topnav {
	position: absolute;
	right: 18px; bottom: 8px;}

#topnav ul li {
	text-indent: -9999px;
	margin-left: 10px;
	float: left;}

#topnav ul li a {
	display: block;
	height: 37px;
	background-repeat: no-repeat;}

#topnav ul li#topnav01 a {
	width: 181px;
	background-image: url(./images/topnav01.gif);}

#topnav ul li#topnav02 a {
	width: 181px;
	background-image: url(./images/topnav02.gif);}

#topnav ul li#topnav03 a {
	width: 200px;
	background-image: url(./images/topnav03.png);}

#topnav ul li#topnav01 a:hover {
	background-image: url(./images/topnav01_o.gif);}

#topnav ul li#topnav02 a:hover {
	background-image: url(./images/topnav02_o.gif);}

#topnav ul li#topnav03 a:hover {
	background-image: url(./images/topnav03_o.png);}



/* CONTENTS
---------------------------------------------*/

#contents {
	width: 925px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;}



/* MAIN
---------------------------------------------*/

#main {
	float: right;
	padding-bottom: 50px;
	width: 680px;}

/* バナー共通 */

p.bnr {
	margin-bottom: 10px;
	padding: 0;}

/* TNav */

#tnav {
	position: relative;
	width: 680px;
	height: 211px;
	background: url(./images/bg_tnav.jpg) left top no-repeat;}

#tnav h2 {
	display: none;
	margin: 0;
	background: none;}

#tnav ul {
	position: absolute;
	left: 15px; top: 55px;}

#tnav ul li {
	text-indent: -9999px;
	float: left;}

#tnav ul li a {
	display: block;
	width: 210px;
	height: 154px;
	margin-right: 13px;
	background-repeat: no-repeat;}

#tnav ul li#tnav_01 a {
	background-image: url(./images/btn_tnav_01.gif);}
	
#tnav ul li#tnav_01 a:hover {
	background-image: url(./images/btn_tnav_01_on.gif);}


#tnav ul li#tnav_02 a {
	background-image: url(./images/btn_tnav_02.gif);}
	
#tnav ul li#tnav_02 a:hover {
	background-image: url(./images/btn_tnav_02_on.gif);}

#tnav ul li#tnav_03 a {
	margin-right: 0;
	background-image: url(./images/btn_tnav_03.gif);}
	
#tnav ul li#tnav_03 a:hover {
	margin-right: 0;
	background-image: url(./images/btn_tnav_03_on.gif);}


/* 選ばれる5つの強み */

#point5 {
	margin: 10px 0 10px 0;
	padding: 11px;
	background-color: #e6e6e6;}

#point5 ul li {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 20px 0 20px 80px;}

#point5 ul li strong {color: #e10000;}

.num01 {background: #fff url(./images/num01.gif) 10px center no-repeat;}
.num02 {background: #fff url(./images/num02.gif) 10px center no-repeat;}
.num03 {background: #fff url(./images/num03.gif) 10px center no-repeat;}
.num04 {background: #fff url(./images/num04.gif) 10px center no-repeat;}
.num05 {background: #fff url(./images/num05.gif) 10px center no-repeat;}
.num06 {background: #fff url(./images/num06.gif) 10px center no-repeat;}
.num07 {background: #fff url(./images/num07.gif) 10px center no-repeat;}
.num08 {background: #fff url(./images/num08.gif) 10px center no-repeat;}

/* 開催中 */

.kaisai a {text-decoration: underline;}
.kaisai a:hover {text-decoration: none;}


/* 受給事例 */

#case {
	width: 680px;}

#case ul {
	position: relative;
	width: 680px;
	margin-top: 15px;}

#case ul li {
	text-indent: -9999px;
	float: left;}

#case ul li a {
	display: block;
	width: 335px;
	height: 75px;
	margin-right: 8px;
	margin-bottom: 13px;
	background-repeat: no-repeat;}

#case ul li#case_01 a {
	background-image: url(./images/btn_case_01.gif);}

#case ul li#case_02 a {
	background-image: url(./images/btn_case_02.gif);}

#case ul li#case_03 a {
	background-image: url(./images/btn_case_03.gif);}

#case ul li#case_04 a {
	background-image: url(./images/btn_case_04.gif);}

#case ul li#case_05 a {
	background-image: url(./images/btn_case_05.gif);}

#case ul li#case_06 a {
	background-image: url(./images/btn_case_06.gif);}

#case ul li#case_07 a {
	background-image: url(./images/btn_case_07.gif);}

#case ul li#case_08 a {
	background-image: url(./images/btn_case_08.gif);}

#case ul li#case_01 a:hover {
	background-image: url(./images/btn_case_01_o.gif);}

#case ul li#case_02 a:hover {
	background-image: url(./images/btn_case_02_o.gif);}

#case ul li#case_03 a:hover {
	background-image: url(./images/btn_case_03_o.gif);}

#case ul li#case_04 a:hover {
	background-image: url(./images/btn_case_04_o.gif);}

#case ul li#case_05 a:hover {
	background-image: url(./images/btn_case_05_o.gif);}

#case ul li#case_06 a:hover {
	background-image: url(./images/btn_case_06_o.gif);}

#case ul li#case_07 a:hover {
	background-image: url(./images/btn_case_07_o.gif);}

#case ul li#case_08 a:hover {
	background-image: url(./images/btn_case_08_o.gif);}


/* 事例 */

#example {
	position: relative;
	width: 730px;
	height: 115px;
	background: url(./images/bg_example.gif) left top no-repeat;}

#example ul li {
	position: absolute;
	font-weight: bold;
	font-size: 19px;
	color: #462121;}

#example ul li strong {
	color: #e10000;}

#example ul li strong em {
	font-style: normal;
	font-size: 29px;}

#example ul li span {
	margin-left: 1em;
	font-size: 13px;}

#example ul li img {
	vertical-align: text-bottom;}

#example ul li.ex01 {left: 75px; top: 8px;}
#example ul li.ex02 {left: 75px; top: 58px;}


/* 着手金０円 障害年金申請サポート */

#support {
	position: relative;
	width: 680px;
	height: 111px;}

#support h2 {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	background: none;}

#support_img {
	z-index: 1;
	position: absolute;
	top: 0px; left: 0px;
	width: 680px;
	height: 111px;
	padding: 0;}



/* 代表メッセージ */

#msgbox {
	width: 680px;}

#msg {
	padding: 25px 25px 0 23px;}

#msg_img {
	display: block;
	float: left;
	width: 205px;
	height: 237px;
	margin: 0 1em 1em 0;}

#msg p {
	padding: 0 0 1em 3px;
	font-size: 15px;
	line-height: 1.6em;
	color: #333;}


/* ナビ  */

#cnav  {
	width: 680px;
	height: 71px;
	padding: 10px 0 7px 0;
	}

#cnav ul li {
	text-indent: -9999px;
	margin-right: 12px;
	float: left;}

#cnav ul li#cnav_staff {
	margin-right: 0;}

#cnav ul li a {
	display: block;
	width: 224px;
	height: 57px;
	background-repeat: no-repeat;}

#cnav ul li#cnav_info a {
	background-image: url(./images/btn_cnav_info.gif);}

#cnav ul li#cnav_acc a {
	background-image: url(./images/btn_cnav_acc.gif);}

#cnav ul li#cnav_staff a {
	background-image: url(./images/btn_cnav_staff.gif);}

#cnav ul li#cnav_info a:hover {
	background-image: url(./images/btn_cnav_info_o.gif);}

#cnav ul li#cnav_acc a:hover {
	background-image: url(./images/btn_cnav_acc_o.gif);}

#cnav ul li#cnav_staff a:hover {
	background-image: url(./images/btn_cnav_staff_o.gif);}

/* 当社に依頼するメリット  */

#merit {padding: 20px 0 20px 15px;}

#merit_img {
	float: left;
	margin: 0 2em 1em 0;}

#merit ul li {
	text-indent: -1.3em;
	margin-left: 1em;
	margin-bottom: 1em;}

#merit p {padding: 0;}

#merit a {color: #333;}
#merit a:hover {color: #e00000;}


/* 宮崎障害年金相談センターが選ばれる理由 */

#reasonbox {
	width: 730px;}

#reason {
	padding: 20px 0 10px 15px;}

#reason_img {
	display: block;
	float: left;
	width: 205px;
	height: 237px;
	margin: 0 1em 1em 0;}

#reason p {
	padding: 0;
	margin-bottom: 1em;}

#reasonbox dl {
	width: 680px;
	padding: 20px 25px 0 25px;}

/* 障害年金の真実をお伝えします */

#true {
	position: relative;
	width: 680px;
	height: 330px;
	background: url(./images/bg_true.jpg) left top no-repeat;}

#true h2 {
	display: none;}

#true dt {
	position: absolute;
	left: 24px; top: 86px;
	font-size: 16px;
	color: #6c3e0a;}

#true dd {
	position: absolute;
	left: 190px; top: 160px;
	font-size: 15px;
	line-height: 1.8em;
	margin-right: 25px;}

#true span {
	position: absolute;
	right: 29px; bottom: 40px;
	display: block;}

/* 社会保険労務士事務所とは */

#aboutbox {
	position: relative;
	width: 730px;}

#about {
	padding: 20px 20px 0 20px;}

#about p {
	padding: 0;
	margin-bottom: 1em;}

#about_img {
	float: left;
	display: block;
	width: 250px;
	height: auto;
	margin: 0 1em 1em 0;
	padding: 0;}


/* 新着情報 */

#topics {
	width: 730px;}

#topics ul {
	width: 700px;
	margin: 22px 15px;}

#topics ul li {
	font-size: 15px;
	line-height: 1.7em;
	margin-bottom: 12px;
	border-bottom: 1px dotted #666;}

#topics ul li a {
	display: block;
	width: 626px;
	padding: 0 37px 6px 37px;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	background: url(./images/bg_topics.gif) no-repeat 6px 3px;}

#topics ul li a:hover {
	color: #FC1D1F;
	font-weight: normal;
	text-decoration: none;
	background: url(./images/bg_topics_o.gif) no-repeat 6px 3px;}

.topics_ttl {
	padding-left: 15px;}



/* SIDE
---------------------------------------------*/

#side {
	padding-bottom: 50px;
	float: left;
	width: 220px;}

/* 無料相談実施中！！ */
#side_tel,
#side_tel02 {
	padding: 0;
	margin-left: 1px;}

/* サイドナビ */

#sidenav {
	margin-top: 12px;
	padding: 10px 0 2px 0;
	}

#sidenav ul li {
	margin-bottom: 8px;}

#sidenav ul li a {
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 48px;
	background-image: url(./images/sidenav.jpg);}

#sidenav .sidenav01 a {background-position: 0 0;}
#sidenav .sidenav02 a {background-position: 0 -48px;}
#sidenav .sidenav03 a {background-position: 0 -96px;}

#sidenav .sidenav01 a:hover {background-position: -200px 0;}
#sidenav .sidenav02 a:hover {background-position: -200px -48px;}
#sidenav .sidenav03 a:hover {background-position: -200px -96px;}



/* SIDE MENU */

#sidemenu_ttl {
	width: 220px;
	height: 42px;
	margin-top: 17px;
	padding: 0;}

.dcjq-accordion {
	width: 208px;
	padding: 5px 5px 2px 5px;
	border: 1px solid #ffe7c9;
	background-color: #ffe7c9;}

#menu-sidemenu {
	width: 208px;
	padding: 0; 
	margin: 0;}

#menu-sidemenu li {
	width: 208px;
	padding: 0;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;}

#menu-sidemenu li a {
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 22px;
	padding-right: 10px;
	margin: 1px;
	outline: 1px solid #ffe7c9;
	border: 1px solid #ffe7c9;
	background: #fff url(./images/bg_sidemenu01.gif) no-repeat left top;}

#menu-sidemenu li a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	outline: 1px solid #ffd079;
	border: 1px solid #ffd079;
	background: #ffd079 url(./images/bg_sidemenu01_o.gif) no-repeat left top;}

#menu-sidemenu ul {
	width: 206px;
	margin: 0;
	padding: 4px 0 7px 0;
	margin-bottom: 3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #FEF0D8;}

#menu-sidemenu ul li {
	width: 206px;
	margin: 0;
	padding: 0;}

#menu-sidemenu ul li a {
	height: auto;
	color: #545454;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 23px;
	margin: 0;
	outline: none;
	border: none;
	background: #FEF0D8 url(./images/bg_sidemenu02.gif) no-repeat left top;}

#menu-sidemenu ul li a:hover {
	color: #fd9a27;
	text-decoration: underline;
	outline: none;
	border: none;
	background: #FEF0D8 url(./images/bg_sidemenu02_o.gif) no-repeat left top;}


/* 事務所概要 */

#sideinfo {
	width: 220px;
	margin: 14px 0 0 0;}

#sideinfo dt {
	width: 220px;
	height: 42px;
	margin: 0;
	padding: 0;}

#sideinfo dd {
	background-color: #FFE7C9;
    border: 1px solid #FFE7C9;
    padding: 5px 5px 2px;
    width: 208px;}

#sideinfo dd p {
	font-size: 14px;
	margin: 0 0 0.5em 5px;
	padding: 0;}

#sideinfo dd span {display: block;}

#sideinfo dd p strong {
	font-size: 15px;}

#sideinfo dd address {
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0.5em 5px;}

#sideinfo dd img {margin-bottom: 12px;}

/* アクセスマップ */

#sideaccess {
	width: 220px;
	margin: 8px 0 0 0;}

#sideaccess dt {
	width: 220px;
	height: 42px;
	margin: 0;
	padding: 0;}

#sideaccess dd {
	background-color: #FFE7C9;
    border: 1px solid #FFE7C9;
    padding: 5px 5px 2px;
    width: 208px;}

/* 相談会場のご案内  */

#sideplace {
	width: 220px;
	margin: 14px 0 0 0;}

#sideplace dt {
	width: 220px;
	height: 42px;
	margin: 0;
	padding: 0;}

#sideplace dd {
	background-color: #FFE7C9;
    border: 1px solid #FFE7C9;
    padding: 5px 5px 2px;
    width: 208px;}

#sideplace dd p {
	font-size: 14px;
	margin: 0 0 0.5em 5px;
	padding: 0;}

#sideplace dd span {display: block;}

#sideplace dd p strong {
	font-size: 15px;}

#sideplace dd address {
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0.5em 5px;}

#sideplace dd img {margin-bottom: 12px;}

#sideplace em {
	font-style: normal;
	color: #e10000;}


/* 無料相談実施中！！ */
#side_mail {
	width: 219px;
	height: 165px;
	padding: 0;
	margin-top: 15px;
	margin-left: 1px;}

/* チャレンジ25バナー */

p.bnr25 {
	padding: 0;}

/* SideSearch */

#sidesearch {
	position: relative;
	margin-left: 2px;
	margin-top: 19px;
	width: 220px;
	height: 48px;
	background: url(./images/bg_side_search.gif) no-repeat left top;}

#sidesearch #inputsearch {
	border: 1px solid #999;
	outline: none;
	position: absolute;
	left: 10px; top: 11px;
	width: 145px;
	height: 25px;

	padding-top: 1px;
	padding-left: 5px;}

* html #sidesearch #inputsearch {
	height: 21px;
	padding-top: 5px;}

#sidesearch #btnsearch {
	width: 43px;
	height: 26px;
	position: absolute;
	right: 10px; top: 11px;}


/* フリーエリア */

#side_text {
	width: 178px;
	padding: 20px;
	margin: 20px 0 0 1px;
	border: 1px solid #ccc;}

#side_text p {
	font-size: 14px;
	padding: 5px 0;
	margin: 0;}


/* バナーエリア */

#side_banner {
	width: 220px;
	margin: 20px 0 0 1px;}

#side_banner ul li {
	width: 220px;
	margin-bottom: 10px;}



/* PAGE TOP
---------------------------------------------*/

p#pagetop {
	clear: both;
	padding: 0;
	text-align: right;
	margin: 0;}



/* FOOTER
---------------------------------------------*/

#footer {
	width: 100%;
	padding: 0;
	margin: 0;
	background:url(./images/foot_b.jpg);}


/* FT NAVI */

#ftnav {
	width: 900px;
	padding: 15px 60px 17px 60px;
	margin: 0 auto;}

#ftnav ul {
	width: 900px;
	text-align: center;}

#ftnav li {
	display: inline;
	white-space: nowrap;
	font-size: 14px;
	padding: 0 13px 0 4px;
	background: url(./images/bg_ftnav_li.gif) no-repeat right top;}

#ftnav li:last-child {
	padding: 0 0 0 4px;
	background: none;}

#ftnav li a {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;}

#ftnav li a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;}


/* Copyright */

#copyright_wrap {
	overflow: hidden;
	width: 100%;
	height: 27px;
	padding: 0;
	margin: 0;
	background-color: #fff;}

#copyright {
	width: 900px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	padding: 7px 60px 0 60px;
	margin: 0 auto;}



/* 下層ページ
---------------------------------------------*/

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	margin-bottom: 0.7em;}

.breadcrumb a {
	margin-right: 0.5em;
	color: #FC1D1F;
	text-decoration: underline;}

/* LIST STYLE */

.baselist {
	margin: 15px 20px;}

.baselist li {
	font-size: 15px;
	margin-bottom: 8px;
	padding: 7px 5px 5px 25px;
	border-bottom: 2px dotted #aaa;
	background: url(./images/arw_list.gif) left 0.6em no-repeat;}

.baselist li a {color: #444;text-decoration: none;}
.baselist li a:hover {color: #f8521e;}

.simplemap {
	padding: 15px 20px 0 20px;
	line-height: 1.5em;}


/* PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */

.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}

.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

/* PADDING */
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}

.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}

.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}

.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

/* FLOAT */

.fleft {float: left;}
.fright {float: right;}

/* FLOAT */
iframe {width:100%;}

/* WP STYLE
---------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.alignright {float: right;}
.alignleft {float: left;}


/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */

.ctl_01{ width:160px; height:86px; float:left;margin-right:13px;}
	.c01{background:url(./images/bit_01.jpg);}
	.c02{background:url(./images/bit_02.jpg);}
	.c03{background:url(./images/bit_03.jpg);}
	.c04{background:url(./images/bit_04.jpg);}
	
	.c01:hover{background:url(./images/bit_01_o.jpg);}
	.c02:hover{background:url(./images/bit_02_o.jpg);}
	.c03:hover{background:url(./images/bit_03_o.jpg);}
	.c04:hover{background:url(./images/bit_04_o.jpg);}
.clear{clear:both;}
.cs{ width:680px; height:71px;}
	.bots{width:221px; height:71px; margin-right:8px;  float:left;}
	.bot{ width:221px; height:71px; float:left;}
	.bt01{background:url(./images/bot_01.jpg);}
	.bt02{background:url(./images/bot_02.jpg);}
	.bt03{background:url(./images/bot_03.jpg);}
	
	.bt01:hover{background:url(./images/bot_01_o.jpg);}
	.bt02:hover{background:url(./images/bot_02_o.jpg);}
	.bt03:hover{background:url(./images/bot_03_o.jpg);}
.sidenav{ width:220px; height:53px; float:left;margin-bottom:10px;}
	.si_01{background:url(./images/sidenav_01.jpg) no-repeat;}
	.si_02{background:url(./images/sidenav_02.jpg);}
	.si_03{background:url(./images/sidenav_03.jpg);}
	.si_04{background:url(./images/sidenav_04.jpg);}
	
	.si_01:hover{background:url(./images/sidenav_01_o.jpg);}
	.si_02:hover{background:url(./images/sidenav_02_o.jpg);}
	.si_03:hover{background:url(./images/sidenav_03_o.jpg);}
	.si_04:hover{background:url(./images/sidenav_04_o.jpg);}



/*スマホ以下(600px)
----------------------------------------------------*/
@media only screen and (max-width: 600px) {

/*リセット*/
	html{
		font-size: 62.5%;
	}

	hr,
	input,
	div #header_top,
	div #header_top div,
	div #header_top p,
	div #header_top h1,
	div #header_top a,
	div #header_top img,
	div #header_top span,
	div #header_top ul,
	div #header_top li,

	div #gnav_wrap,
	div #gnav_wrap div,
	div #gnav_wrap ul,
	div #gnav_wrap li,
	div #gnav_wrap a,

	div #topbox_wrap,
	div #topbox_wrap div,
	div #topbox_wrap p,
	div #topbox_wrap img,

	div #contents,

	div #main,
	div #main div,
	div #main p,
	div #main img,
	div #main ul,
	div #main li,
	div #main a,
	div #main article,

	div #side,
	div #side div,
	div #side p,
	div #side img,
	div #side ul,
	div #side li,
	div #side a,
	div #side dl,
	div #side dt,
	div #side dd,

	div #footer,
	div #footer div,
	div #footer p,
	div #footer img,
	div #footer ul,
	div #footer li,
	div #footer a,

	div #ftnav,
	div #ftnav ul,
	div #ftnav ul li,

	div #true dl,
	div #true dl dt,
	div #true dl dd,
	div #true p,
	div #true span,

	#sidesearch,
	#sidesearch #inputsearch,
	#sidesearch #btnsearch,
	#copyright{
		box-sizing: border-box;
		width:100%;
		height:auto;
		position: static;
		float:none;
	}

/*スマホ用CSS*/
	p#topcopy{
		position: absolute !important;
		font-size:1.0rem;
		text-align: center;
		top: 10px;
		left: 0;
	}
	#subcopy,
	#subcopy strong{
		font-size:1.0rem;
		text-align: center;
	}
	#subnav li{
		width:25% !important;
		float: left !important;
		font-size: 1.2rem;
		padding:10px 0px;
	}
	#gnav_wrap {
	    padding: 0px;
	    border: 0px;
	    background: none;
	}
	#gnav {
	    padding: 10px 0px;
	}
	#gnav li{
		width:48% !important;
		margin:1%;
		float: left !important;
		font-size: 1.2rem;
		padding:0px;
		border:1px solid #fd9526;
	}
	#gnav li a{
		display: block;
		text-align: center;
		color:#fd9526;
	}
	.menu-header{
		height: auto;
	}
	#topnav{
		text-align: center;
	}
	#tnav{
		text-align: center;
		background-image: none;
	}

	#tnav ul li{
		width:33%;
		float:left;
	}

	#tnav ul li a{
		width:100%;
		height:130px;
		background-size: 100%;
	}


	h2{
		height: auto;
		padding: 5px 10px;
		font-size: 1.5rem;
		line-height: 2.2rem;
		font-weight: bold;
		letter-spacing: 0.1em;
		color: #f15a24;
		text-shadow: 1px 1px 0 #fff;
		background-image: none;
		background: #FFE8CC ;
		border-bottom: #f15a24 1px solid;
	}
	#true{
		background:none;
	}
	#sidesearch #btnsearch{
		width:100px;
		margin: 10px auto;
	}
	#contents{
		clear:both;
	}
}