@charset "UTF-8";
/*
Theme Name: 大阪障害年金相談センター
Theme URI:  http://oosaka-syougainennkin.com/
Description: 大阪障害年金相談センター
Version: 1.0
Author: seattleconsulting

*/


/* 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: #ff0000;
	text-decoration: none;}

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

strong {
	font-weight: bold;}

p {
	padding: 15px 40px 0 30px;
	line-height: 1.5em;}

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;}


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

#all {
	width: 990px;
	padding-right: 20px;
	padding-left: 23px;
	margin-left: auto;
	margin-right: auto;}



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

#header {
	width: 100%;
	border-top: 3px solid #ff5207;
	background-color: #fff;}

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


/* トップコピー  */
#topcopy {
	position: absolute;
	top: 3px; left: 24px;
	width: 580px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.3em;
	color: #333;}

/* トップコピー2  */
#topcopy2 {
	z-index: 100;
	position: absolute;
	top: 20px; left: 65px;
	width: 540px;
	height: 38px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(./images/icon_topcopy2.png) no-repeat left top;}

/* ロゴ  */
h1 {
	position: absolute;
	top: 20px; left: 0px;
	width: 605px;
	height: 94px;
	padding: 0;
	margin: 0;}

/* サブコピー  */

#subcopy {
	z-index: 100;
	position: absolute;
	top: 102px; left: 71px;
	width: 500px;
	height: 30px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	color: #333;}

#subcopy strong {
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;}

/* subnav  */

#subnav {
	overflow: hidden;
	position: absolute;
	top: 0px; right: 20px;
	width: 378px;
	height: 20px;}

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

#subnav li a {
	display: block;
	height: 20px;
	background-repeat:no-repeat;}

#subnav li#snav_info a {
	width: 105px;
	background-image: url(./images/btn_snav_info.gif);}

#subnav li#snav_price a {
	width: 81px;
	background-image: url(./images/btn_snav_price.gif);}

#subnav li#snav_acc a {
	width: 96px;
	background-image: url(./images/btn_snav_acc.gif);}

#subnav li#snav_contact a {
	width: 96px;
	background-image: url(./images/btn_snav_contact.gif);}

#subnav li#snav_info a:hover {
	background-image: url(./images/btn_snav_info_o.gif);}

#subnav li#snav_price a:hover {
	background-image: url(./images/btn_snav_price_o.gif);}

#subnav li#snav_acc a:hover {
	background-image: url(./images/btn_snav_acc_o.gif);}

#subnav li#snav_contact a:hover {
	background-image: url(./images/btn_snav_contact_o.gif);}


/* 右上電話番号 */
#toptel {
	position: absolute;
	top: 20px; right: 20px;
	padding: 0;
	width: 378px;
	height: 97px;}


/* GLOBAL NAVI */

#gnav_wrap {
	width: 100%;
	padding: 11px 0 9px 0;
	border-top: 1px solid #F97500;
	border-bottom: 8px solid #ff5207;
	background: #FFD079 url(./images/bg_gnav.jpg) repeat-x left top ;}

#gnav {
	width: 960px;
	padding-left: 30px;
	margin: 0 auto;}

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

#gnav li {
	display: inline;
	white-space: nowrap;
	font-size: 15px;
	padding: 0 18px 0 10px;
	background: url(./images/bg_gnav_li.gif) no-repeat right 3px;}

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

* html #gnav li {
	zoom: 1;
	padding: 0 15px;}

*:first-child+html #gnav li {
	zoom: 1;
	padding: 0 15px;}

#gnav li a {
	display: inline;
	color: #222;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;}

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



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

#topimg_wrap {
	width: 100%;
	height: 331px;
	padding: 0 0 5px 0;
	margin: 0;
	background: url(./images/bg_topimg.jpg) repeat left top;}

#topimg {
	position: relative;
	width: 989px;
	height: 331px;
	padding: 0 23px;
	text-indent: -9999px;
	margin: 0 auto;}

#icon_topimg {
	position: absolute;
	top: 0px; left: 23px;
	width: 989px;
	height: 331px;
	text-indent: 0;
	padding: 0;
	margin: 0;}

#topimg h2,
#topimg p {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#btn_topimg_price {
	z-index: 100;
	position: absolute;
	top: 261px; left: 247px;
	text-indent: 0;
	width: 228px;
	height: 34px;
	padding: 0;
	margin: 0;}

#btn_topimg_info {
	z-index: 100;
	position: absolute;
	top: 260px; left: 759px;
	text-indent: 0;
	width: 228px;
	height: 34px;
	padding: 0;
	margin: 0;}


#main_image {
	border-bottom:	1px solid #BDBDAE;
	background:		url(images/main_image_bg.gif) center center repeat;
	padding:		24px 0 20px;
	margin:			0 0 20px;
}
	#main_image .inner {
		width:		980px;
		margin:		0 auto;
		
		position:	relative;
	}
	#main_image .btn01 {
		position:	absolute;
		left:		8px;
		bottom:		5px;
	}
	#main_image .btn02 {
		position:	absolute;
		left:		243px;
		bottom:		5px;
	}


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

#contents {
	overflow: hidden;}



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


h2 {
	width: 687px;
	height: 49px;
	padding-top: 11px;
	padding-left: 45px;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	background: url(./images/bg_h2.jpg) no-repeat left top;}

h3 {
	width: 666px;
	height: 31px;
	padding-top: 6px;
	padding-left: 44px;
	margin-top: 20px;
	margin-left: 8px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	background: url(./images/bg_h3.jpg) no-repeat left top;}

h4 {
	width: 667px;
	height: 29px;
	padding-top: 5px;
	padding-left: 45px;
	margin-top: 20px;
	margin-left: 7px;
	font-size: 17px;
	font-weight: normal;
	color: #222;
	background: url(./images/bg_h4.jpg) no-repeat left top;}

h5 {
	width: 670px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #444;
	-webkit-border-radius: 90px; /* Safari,Google Chrome用 */
	-moz-border-radius: 90px; /* Firefox用 */
	border-radius: 90px;
	background-color: #ffffbf;}



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

#main {
	float: right;
	padding-bottom: 100px;
	width: 738px;}


/* TopNav */

#tnav {
	width: 730px;
	height: 215px;}

#tnav h2 {
	width: 730px;
	height: 57px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	background: url(./images/ttl_tnav.jpg) no-repeat left top;}

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

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

#tnav ul li#tnav_01 a {
	width: 242px;
	background-image: url(./images/btn_tnav_01.jpg);}

#tnav ul li#tnav_02 a {
	width: 240px;
	background-image: url(./images/btn_tnav_02.jpg);}

#tnav ul li#tnav_03 a {
	width: 248px;
	background-image: url(./images/btn_tnav_03.jpg);}

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

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

#tnav ul li#tnav_03 a:hover {
	background-image: url(./images/btn_tnav_03_o.jpg);}


/* 受給事例 */

#sample {
	width: 730px;}

#sample h2 {
	width: 730px;
	height: 60px;
	padding: 0;
	margin: 0 0 5px 0;
	background: none;}

#sample_box {
	width: 728px;
	height: 378px;
	border: 1px solid #bbb;
	background-color: #fff;}

#sample_list01 {
	padding: 10px 0 6px 0;}

#sample_list01 li {
	width: 728px;
	height: 51px;}

#sample_btn {
	width: 392px;
	height: 34px;
	margin: 0 168px;
	padding: 0;}

#sample_list02 {
	margin: 10px 23px 0 13px;}

#sample_list02 li {
	text-indent: -9999px;
	margin-right: 8px;
	float: left;}

#sample_list02 li#sa2_li02,
#sample_list02 li#sa2_li04 {
	margin-right: 0;}

#sample_list02 li a {
	display: block;
	width: 342px;
	height: 100px;
	background-repeat: no-repeat;}

#sample_list02 li#sa2_li01 a {
	background-image: url(./images/btn_sample_01.jpg);}

#sample_list02 li#sa2_li02 a {
	background-image: url(./images/btn_sample_02.jpg);}

#sample_list02 li#sa2_li03 a {
	background-image: url(./images/btn_sample_03.jpg);}

#sample_list02 li#sa2_li04 a {
	background-image: url(./images/btn_sample_04.jpg);}

#sample_list02 li#sa2_li01 a:hover {
	background-image: url(./images/btn_sample_01_o.jpg);}

#sample_list02 li#sa2_li02 a:hover {
	background-image: url(./images/btn_sample_02_o.jpg);}

#sample_list02 li#sa2_li03 a:hover {
	background-image: url(./images/btn_sample_03_o.jpg);}

#sample_list02 li#sa2_li04 a:hover {
	background-image: url(./images/btn_sample_04_o.jpg);}


/* 無料相談会の予約受付中! */

#soudankai {
	position: relative;
	width: 732px;
	height: 204px;
	text-indent: -9999px;}

#soudankai h2,
#soudankai p,
#soudankai ul li {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#soudankai_img {
	position: absolute;
	top: 0px; left: 0px;
	width: 732px;
	height: 204px;
	text-indent: 0;
	padding: 0;}


/* 障害年金申請までの流れ */

#flow {
	width: 731px;}

#flow h2 {
	width: 730px;
	height: 60px;
	margin: 0 0 6px 0;
	padding: 0;}

#flow_in {
	position: relative;
	width: 731px;
	height: 531px;
	background: url(./images/bg_flow.gif) no-repeat left top;}

#flow_caution {
	z-index: 100;
	position: absolute;
	top: 12px; right: 6px;
	width: 170px;
	height: 68px;
	padding: 0;}

#flow_text {
	z-index: 100;
	position: absolute;
	top: 22px; left: 23px;
	width: 520px;
	height: 80px;
	color: #212121;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0;}

#flow_text2 {
	z-index: 100;
	position: absolute;
	top: 97px; left: 22px;
	width: 680px;
	height: 50px;
	color: #e70000;
	font-size: 17px;
	font-weight: bold;
	padding: 0;}

#flow ul li {
	width: 3px;
	height: 3px;
	text-indent: -9999px;}

#flow_img {
	position: absolute;
	top: 122px; left: 2px;
	width: 727px;
	height: 407px;
	margin: 0;
	padding: 0;}


/* 障害年金の知っ得情報 */

#merit {
	position: relative;
	width: 731px;
	height: 217px;}

#merit h2 {
	position: absolute;
	top: 0px; left: 0px;
	width: 731px;
	height: 217px;
	margin: 0;
	padding: 0;
	background: none;}

#merit_text {
	z-index: 100;
	position: absolute;
	top: 103px; left: 24px;
	width: 600px;
	height: 80px;
	color: #212121;
	font-size: 16px;
	line-height: 1.4em;
	padding: 0;}

#merit_btn {
	z-index: 100;
	position: absolute;
	top: 182px; left: 23px;
	width: 352px;
	height: 34px;
	padding: 0;}


/* 着手金0円キャンペーン実施中 */

#campaign {
	width: 732px;
	height: 235px;}


/* 代表者メッセージ */

#msgbox {
	width: 732px;}

#msgbox h2 {
	width: 732px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: none;}

#msg {
	width: 706px;
	padding: 17px 22px 10px 4px;}

#msg_img {
	display: block;
	float: left;
	width: 254px;
	height: 254px;
	padding: 0 20px 0 0;}

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


/* ナビ  */

#cnav  {
	width: 710px;
	height: 60px;
	padding: 0 14px;}

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

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

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

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

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

#cnav ul li#cnav_price a {
	background-image: url(./images/btn_cnav_price.jpg);}

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

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

#cnav ul li#cnav_price a:hover {
	background-image: url(./images/btn_cnav_price_o.jpg);}


/* 障害年金相談センターが選ばれる7つの理由 */

#seven_point {
	width: 732px;}

#seven_point h2 {
	width: 732px;
	height: 60px;
	padding: 0;
	margin: 0 0 5px 0;
	background: none;}

#seven_point_box {
	width: 701px;
	height: 483px;
	padding: 17px 16px 21px 14px;
	background: url(./images/bg_seven_point.gif) no-repeat left top;}

#seven_point_box ul li {
	width: 580px;
	height: 49px;
	margin-bottom: 7px;
	padding: 14px 0 0 121px;
	color: #333;
	font-size: 18px;
	line-height: 1.4em;}

#seven_point_box ul li#seven_01 {
	background: url(./images/bg_sevenpoint_01.jpg) no-repeat left top;}

#seven_point_box ul li#seven_02 {
	background: url(./images/bg_sevenpoint_02.jpg) no-repeat left top;}

#seven_point_box ul li#seven_03 {
	background: url(./images/bg_sevenpoint_03.jpg) no-repeat left top;}

#seven_point_box ul li#seven_04 {
	background: url(./images/bg_sevenpoint_04.jpg) no-repeat left top;}

#seven_point_box ul li#seven_05 {
	background: url(./images/bg_sevenpoint_05.jpg) no-repeat left top;}

#seven_point_box ul li#seven_06 {
	height: 58px;
	padding-top: 5px;
	background: url(./images/bg_sevenpoint_06.jpg) no-repeat left top;}

#seven_point_box ul li#seven_07 {
	margin-bottom: 0px;
	background: url(./images/bg_sevenpoint_07.jpg) no-repeat left top;}


/* 障害年金相談会受付中！ */

#soudankai2 {
	position: relative;
	width: 734px;
	height: 222px;
	text-indent: -9999px;}

#soudankai2 h2,
#soudankai2 p {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#soudankai2_img {
	position: absolute;
	top: 0px; left: 0px;
	width: 734px;
	height: 222px;
	text-indent: 0;
	padding: 0;}


/* これ程多くの地域の方々からご相談を頂いております */

#area {
	position: relative;
	width: 738px;
	height: 266px;
	text-indent: -9999px;}

#area h2,
#area p {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#area_img {
	position: absolute;
	top: 0px; left: 0px;
	width: 738px;
	height: 266px;
	text-indent: 0;
	padding: 0;}


/* 新着・おすすめ情報 */

#news {
	width: 732px;}

#news h2 {
	width: 732px;
	height: 60px;
	padding: 0;
	margin: 0;
	background: none;}

#news ul {
	padding: 8px 37px 0 20px;}

#news ul li {
	width: 631px;
	font-size: 16px;
	line-height: 1.4em;
	padding: 11px 10px 9px 34px;
	border-bottom: 1px dotted #666;
	background: url(./images/bg_news_li.gif) no-repeat 5px 13px;}

#news ul li a {
	color: #212121;
	font-weight: normal;
	text-decoration: none;}

#news ul li a:hover {
	color: #ff7100;
	font-weight: normal;
	text-decoration: none;}


/* 様々な病気をお持ちの方へ */

#support {
	position: relative;
	width: 730px;
	height: 278px;
	text-indent: -9999px;}

#support h2,
#support p {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#support_img {
	position: absolute;
	top: 0px; left: 0px;
	width: 730px;
	height: 278px;
	text-indent: 0;
	padding: 0;}


/* 無料相談会の予約受付中! */

#freejudge {
	position: relative;
	width: 729px;
	height: 229px;
	text-indent: -9999px;}

#freejudge h2,
#freejudge p {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: none;}

#freejudge_img {
	position: absolute;
	top: 0px; left: 0px;
	width: 729px;
	height: 229px;
	text-indent: 0;
	padding: 0;}


/* よくあるご質問 Q&A */

#faqbox {
	width: 732px;}

#faqbox h2 {
	width: 732px;
	height: 60px;
	padding: 0;
	margin: 0;
	background: none;}

#faqbox dl {
	width: 731px;
	margin-left: 1px;
	margin-top: 12px;}

#faqbox dl dt {
	width: 680px;
	padding: 12px 30px 9px 21px;
	margin: 0;
	color: #444;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
	text-indent: 2em;
	-webkit-border-radius: 90px; /* Safari,Google Chrome用 */
	-moz-border-radius: 90px; /* Firefox用 */
	border-radius: 90px;
	background: #ffffbf url(./images/bg_faq_q.gif) no-repeat 18px 11px;}

#faqbox dl dd {
	width: 689px;
	padding: 18px 20px 18px 22px;
	margin: 0;
	color: #212121;
	font-size: 16px;
	line-height: 1.4em;
	text-indent: 1.5em;
	background: url(./images/bg_faq_a.gif) no-repeat 19px 16px;}


#faqbox_btn {
	width: 398px;
	height: 43px;
	padding: 15px 167px;}



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

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


/* 無料相談会実施中！ */
.side_tel {
	width: 221px;
	height: 232px;
	margin-left: 2px;}


/* 無料メール相談 */
#side_mail {
	width: 222px;
	height: 74px;
	margin-left: 1px;
	margin-top: 14px;}

/* 障害年金相談票 */
#side_pdf {
	width: 222px;
	height: 72px;
	margin-top: 10px;}


/* サイドナビ  */

#sidenav  {
	width: 224px;
	height: 177px;
	margin-top: 11px;}

#sidenav ul li {
	text-indent: -9999px;
	margin-bottom: 3px;}

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

#sidenav ul li#sidenav_faq a {
	background-image: url(./images/btn_sidenav_faq.jpg);}

#sidenav ul li#sidenav_flow a {
	background-image: url(./images/btn_sidenav_flow.jpg);}

#sidenav ul li#sidenav_price a {
	background-image: url(./images/btn_sidenav_price.jpg);}

#sidenav ul li#sidenav_faq a:hover {
	background-image: url(./images/btn_sidenav_faq_o.jpg);}

#sidenav ul li#sidenav_flow a:hover {
	background-image: url(./images/btn_sidenav_flow_o.jpg);}

#sidenav ul li#sidenav_price a:hover {
	background-image: url(./images/btn_sidenav_price_o.jpg);}


/* SIDE MENU */

#sidemenu_ttl {
	width: 220px;
	height: 45px;
	margin: 9px 0 0 2px;
	padding: 0;}

.dcjq-accordion {
	width: 218px;
	padding: 0;
	margin: 0 0 0 2px;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	background-color: #fff;}

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

#menu-sidemenu li {
	width: 218px;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
	border-bottom: 1px solid #E1E1E1;}

#menu-sidemenu li a {
	display: block;
	color: #212121;
	font-weight: normal;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 31px;
	padding-right: 10px;
	background: url(./images/bg_sidemenu01.gif) no-repeat left top;}
 
#menu-sidemenu li a:hover {
	color: #f85b00;
	font-weight: normal;
	text-decoration: none;
	background: url(./images/bg_sidemenu01_o.gif) no-repeat left top;}

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

#menu-sidemenu ul li {
	width: 218px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #E1E1E1;
	border-bottom: none;}

#menu-sidemenu ul li a {
	height: auto;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 31px;
	background: url(./images/bg_sidemenu02.gif) no-repeat left top;}

#menu-sidemenu ul li:last-child a {
	padding-bottom: 10px;}

#menu-sidemenu ul li a:hover {
	background: url(./images/bg_sidemenu02_o.gif) no-repeat left top;}



/* 大阪府全域・兵庫（神戸、西宮、尼崎周辺）奈良（大和郡山・生駒）京都市の障害年金をサポート */
#sidearea {
	width: 224px;
	height: 274px;
	margin-top: 18px;}


/* 事務所概要 */

#sideinfo {
	width: 220px;
	margin-left: 2px;
	margin-top: 12px;}

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

#sideinfo dd {
	width: 218px;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background-color: #fff;}

#sideinfo_logo {
	width: 218px;
	height: 33px;
	margin: 0;
	padding: 0;}

#sideinfo address {
	font-style: normal;
	font-size: 12px;
	color: #3a3324;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 12px 13px;}

#sideinfo_tel {
	width: 218px;
	height: 73px;
	margin: 0;
	padding: 0;}

#sideinfo_office {
	width: 182px;
	height: 167px;
	padding: 13px 18px 0 18px;}

#sideinfo_walk {
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
	margin: 0;
	padding: 12px 0 0 10px;}

#sideinfo_walk strong {
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;}

#sideinfo_btn {
	width: 192px;
	height: 32px;
	margin: 0;
	padding: 12px 13px 13px 13px;}


/* アクセスマップ */

#sideaccess {
	width: 220px;
	margin-left: 2px;
	margin-top: 16px;}

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

#sideaccess dd {
	width: 218px;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background-color: #fff;}

#sideacc_map {
	display: block;
	width: 200px;
	margin: 0;
	padding: 9px 9px 3px 9px;}

#sideacc_map small {
	font-size: 10px;
	line-height: 2em;}


/* 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: 0;
	outline: none;
	position: absolute;
	left: 10px; top: 11px;
	width: 145px;
	height: 25px;
	background: url(./images/bg_side_search_in.gif) no-repeat left top;
	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 2px;
	border: 1px solid #ccc;}

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


/* バナーエリア */

#side_banar {
	width: 220px;
	margin: 20px 0 0 2px;}

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



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

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



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

#footer {
	width: 100%;
	height: 242px;
	padding: 0;
	margin: 0;
	border-top: 8px solid #f95c00;
	border-bottom: 1px solid #FF9913;
	background: #fff url(./images/bg_ft.jpg) repeat-x left top;}

#ftbox {
	width: 1010px;
	height: 229px;
	padding: 13px 0 0 0;
	margin: 0 auto;
	text-align: left;}

#ft_L {
	position: relative;
	width: 450px;
	height: 200px;
	float: left;
	padding: 0;}

#ft_logotel {
	position: absolute;
	top: 0px; left: 0px;
	width: 450px;
	height: 200px;
	padding: 0;}

#ft_copy {
	z-index: 100;
	position: absolute;
	top: 11px; left: 63px;
	width: 400px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.2em;
	color: #333;}

#ft_subcopy {
	z-index: 100;
	position: absolute;
	top: 170px; 
	left: 10px;
	/* width: 173px; */
	height: 30px;
	padding: 0;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
	color: #333;}

#ft_address {
	z-index: 100;
	position: absolute;
	top: 170px; 
	left: 190px;
	width: 275px;
	height: 30px;
	padding: 0;
	font-size: 12px;
	line-height: 1.3em;
	font-weight: normal;
	color: #444;}


#ftnav {
	float: right;
	width: 510px;
	padding-top: 20px;}

#ftnav ul {
	float: left;
	width: 170px;}

#ftnav ul li {
	font-size: 13px;
	background: url(./images/bg_ft_li.png) left 0.2em no-repeat;}

* html #ftnav ul li {
	display: inline;
	line-height: 0;
	background: none;}

#ftnav ul li a {
	display: block;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 7px;
	padding-left: 25px;
	padding-right: 10px;}

#ftnav ul li a:hover {
	color: #fc5a00;
	font-weight: normal;
	text-decoration: none;}

* html #ftnav ul li a {
	display: block;
	line-height: 1.2em;
	background: url(./images/bg_ft_li.png) left top no-repeat;}

#copyright {
	float: right;
	width: 510px;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 20px 25px 0 0;
	margin: 0;
	text-align: right;}



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

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	margin-top: 0.5em;
	margin-left: 0.1em;
	margin-bottom: 0.7em;}

.breadcrumb a {
	margin-right: 0.5em;
	color: #ff3f00;
	text-decoration: underline;}
	
/* LIST STYLE */

.baselist {
	margin: 15px;}

.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;}



/* 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 */