﻿/*--------------------------------------
  Browser Reset
---------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

em {
	visibility: hidden;
	font-size: 9px;
}
br.clear {
	display: block;
	clear: both;
	line-height: 0em;
}
a {
	color: #0166CA;
}
a:hover {
	color:#cc0000;
}
a.pankuzuLink {
	color: #666;
}
a:hover.pankuzuLink {
	color:#cc0000;
}

a.whiteLink {
	color: #fff;
}
a:hover.whiteLink {
	color:#cc0000;
}

/*--------------------------------------
  Base
---------------------------------------*/
body{
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #222;
	background-image: url(../ar-images/page-header-background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div#ar-container{
	width: 962px;
	margin: 0 auto;
	text-align: left;
}

/* Header */
h1.ar-comment{
	z-index: 1;
	position: absolute;
	font-size: 10px;
	color: #999;
	letter-spacing: 1px;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 605px;
}
div#ar-header{
	width: 962px;
	height: 74px;
	background-image: url(../ar-images/header-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#ar-headerLogo{
	float: left;
	height: 74px;
	width: 240px;
}
ul#ar-headerBtn{
	z-index: 1;
	position: absolute;
	margin-top: 41px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 626px;
}
ul#ar-headerBtn li {
	display: inline;
}
ul#ar-headerBtn #ar-header01 a {
	background-image: url(../ar-images/header-btn01a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 74px;
	text-decoration: none;
}
ul#ar-headerBtn #ar-header01 a:hover,#ar-headerBtn #ar-header01 a:active {
	float: left;
	height: 33px;
	width: 74px;
	text-decoration: none;
	background-image: url(../ar-images/header-btn01b.gif);
	background-repeat: no-repeat;
}
ul#ar-headerBtn #ar-header02 a {
	background-image: url(../ar-images/header-btn02a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 84px;
	text-decoration: none;
}
ul#ar-headerBtn #ar-header02 a:hover,#ar-headerBtn #ar-header02 a:active {
	float: left;
	height: 33px;
	width: 84px;
	text-decoration: none;
	background-image: url(../ar-images/header-btn02b.gif);
	background-repeat: no-repeat;
}
ul#ar-headerBtn #ar-header03 {
	background-image: url(../ar-images/header-tel.gif);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 182px;
	text-decoration: none;
}

/* Header Btn */
ul#ar-globalMenu{
	float: left;
	position: absolute;
	top: 74px;
	padding: 0;
	width: 962px;
	text-align: center;
}
ul#ar-globalMenu li {
	display: inline;
}
ul#ar-globalMenu #ar-globalMenu01 a {
	background-image: url(../ar-images/navi-btn01a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 121px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu01 a:hover,ul#ar-globalMenu #ar-globalMenu01 a:active {
	float: left;
	height: 40px;
	width: 121px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn01b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu02 a {
	background-image: url(../ar-images/navi-btn02a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu02 a:hover,ul#ar-globalMenu #ar-globalMenu02 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn02b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu03 a {
	background-image: url(../ar-images/navi-btn03a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu03 a:hover,ul#ar-globalMenu #ar-globalMenu03 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn03b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu04 a {
	background-image: url(../ar-images/navi-btn04a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu04 a:hover,ul#ar-globalMenu #ar-globalMenu04 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn04b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu05 a {
	background-image: url(../ar-images/navi-btn05a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu05 a:hover,ul#ar-globalMenu #ar-globalMenu05 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn05b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu06 a {
	background-image: url(../ar-images/navi-btn06a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu06 a:hover,ul#ar-globalMenu #ar-globalMenu06 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn06b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu07 a {
	background-image: url(../ar-images/navi-btn07a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu07 a:hover,ul#ar-globalMenu #ar-globalMenu07 a:active {
	float: left;
	height: 40px;
	width: 120px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn07b.gif);
	background-repeat: no-repeat;
}
ul#ar-globalMenu #ar-globalMenu08 a {
	background-image: url(../ar-images/navi-btn08a.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 121px;
	text-decoration: none;
}
ul#ar-globalMenu #ar-globalMenu08 a:hover,ul#ar-globalMenu #ar-globalMenu08 a:active {
	float: left;
	height: 40px;
	width: 121px;
	text-decoration: none;
	background-image: url(../ar-images/navi-btn08b.gif);
	background-repeat: no-repeat;
}



/*--------------------------------------
  Page Layout
---------------------------------------*/
/* Pankuzu */
ul#ar-pankuzu{
	z-index: 1;
	position: absolute;
	top: 114px;
	width: 962px;
	height: 55px;
	text-align:left;
}
ul#ar-pankuzu li {
	display:inline;
	list-style-type:none;
	font-size: 10px;
	line-height: 5em;
	letter-spacing: 1px;
	color: #fff;
}
span.ar-pankuzuRed {
	color: #cc0000;
	padding-right: 3px;
	padding-left: 5px;
}

/* Page Main */
div#ar-pageMain{
	position: absolute;
	top: 169px;
	width: 962px;
	text-align: center;
	background-image: url(../ar-images/page-main-background.gif);
	background-repeat: repeat-y;
}



/*--------------------------------------
  Page Left
---------------------------------------*/
div#ar-pageLeft {
	width: 687px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
}
div#ar-pageTitle {
	width: 687px;
	text-align: left;
	background-image: url(../ar-images/page-category-background.gif);
	background-repeat: no-repeat;
	height: 65px;
}
h2#ar-categoryTitle {
	float: left;
	font-size: 10px;
	font-weight: normal;
}
h3#ar-categorySubTitle {
	float: right;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../ar-images/subcategory-icon.gif);
	background-repeat: no-repeat;
	letter-spacing: 1px;
	color: #222;
	height: 65px;
	padding-right: 40px;
	line-height: 65px;
	padding-left: 17px;
}
h4.ar-articleTitle {
	font-size: 12px;
	font-weight: normal;
	background-image: url(../ar-images/title-article-bar.gif);
	background-repeat: no-repeat;
	letter-spacing: 1px;
	height: 31px;
	width: 687px;
	color: #fff;
	padding-left: 40px;
	line-height: 32px;
}
p{
	font-size: 12px;
	letter-spacing: 1px;
	color: #666;
	line-height: 1.6em;
	padding-top: 12px;
	padding-right: 40px;
	padding-left: 40px;
	
}

.alignleft {
float: left;/*画像の左寄せ*/
margin:0px 10px 10px 10px;/*画像の周囲からの空き*/
font-size: 0.9em;/*文字サイズ*/
color: #333;/*文字色*/
}
.alignright {
float: right;/*画像の左寄せ*/
margin:0px 10px 10px 10px;/*画像の周囲からの空き*/
font-size: 0.9em;/*文字サイズ*/
color: #333;/*文字色*/
}
#ar-pageLeft table{
	font-size: 12px;
	letter-spacing: 1px;
	color: #666;
	line-height: 1.6em;
	padding-top: 12px;
	padding-right: 40px;
	margin-left: 40px;
	padding-bottom: 0px;
	}
.wp-caption-dd {
	font-size: 12px;
	letter-spacing: 1px;
	color: #666;
	line-height: 1.6em;
	}
/*--------------------------------------
  Page Right
---------------------------------------*/
div#ar-pageRight {
	width: 250px;
	text-align: left;
	float: right;
}
div#ar-pageRight ul {
	margin: 0;
	list-style-type : none;
}
div#ar-pageRight li {
	height: 38px;
}
div#ar-pageRight a {
	display:block;
	padding-left:16px;
	height:38px;
	background-image:url(../ar-images/sn-background-a.gif);
	font-size: 12px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #fff;
	letter-spacing: 1px;
	line-height: 38px;
}
div#ar-pageRight a:hover {
	background-image:url(../ar-images/sn-background-b.gif);
	background-repeat: no-repeat;
	color: #222;
}



/*--------------------------------------
  Footer
---------------------------------------*/
div#page-footer-bar {
	background-image: url(../ar-images/page-footer-bar.gif);
	clear: both;
	height: 20px;
	width: 962px;
}
div#ar-footer{
	height: 47px;
	background-repeat: repeat-x;
	clear: both;
	text-align: center;
	background-image: url(../ar-images/footer-background.gif);
	padding-top: 40px;
	background-color: #222;
}
div#ar-footerLeft{
	float: left;
}
div#ar-footerRight{
	float: right;
}
#ar-footerLink {
	text-align:left;
	background-color: #222;
	width: 962px;
	padding-top: 20px;
}
#ar-footerLink li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;
	font-size: 10px;
}
#ar-footerLink li.ar-footerLinkHome {
	border-left:0;
	padding-left:0;
}
address {
	text-align:left;
	font-size: 10px;
	color: #999;
	line-height: 1.4em;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	background-color: #222;
}
/*--------------------------------------
  Contact
--------------------------------------*/
#contact {
	font-size:12px;
	letter-spacing: 1px;
	color: #666;
	line-height: 1.6em;

	padding-top: 12px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 10px;
	}
	

table.contactTb {
	width: 520px;
	border-collapse: collapse;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 35px;
	color: #666;
}
.contactText {
	margin: 0px;
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	width: 150px;
}
.contactRed {
	color: #cc0000;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
.contactBlue {
	margin: 0px;
	letter-spacing: 1px;
	background-image: url(../ar-images/line_blue.gif);
	background-repeat: repeat-y;
	padding: 0px;
	width: 3px;
}
.contactInput {
	margin: 0px;
	letter-spacing: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.contactLine {
	margin: 0px;
	background-image: url(../ar-images/dotline.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 7px;
	background-position: center;
}
.contactKakunin {
	margin: 0px;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.mail_text {
	text-align: center;
	font-size: 10px;
}
