@charset "shift_jis";


/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */

body {
	margin: 0px;
	line-height: 1.6;
	font-family: "メイリオ", "Meiryo";
	color: #333333;
/*	background-image: url(https://www.ricou-f.com/img/all_bg.jpg);
	background-repeat: repeat-x;*/
	font-size: 90%;
}
html.osMac body,
body.osMac {
	font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  sans-serif;
}
body.en {
	word-break: normal; 
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a {
	color: #02328d;/*#FF723C;*/
}	
a:link, a:visited { text-decoration: underline; }
a:hover, a:active  { text-decoration: none; }
a:hover img.hoverImg{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

:selection {
	text-shadow: none !important;
}

/* --------------------------------------------------
	2. Heading, TextColor
-------------------------------------------------- */
/*h1{
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 20px;
	float: left;
	margin-left: 165px;
	width: 325px;
}*/
h1 {
    float: left;
    margin: 0 0 0 194px;
    padding-top: 20px;
    width: 325px;
}
h2, h3, h4, h5 {
	font-size: 100%;
	padding: 0px;
	font-weight: normal;
	margin: 0px;
}
.TextBlack {
	color: #3A3107;
}

.TextRed {
	color: #FF0000;
}

.Textblue {
	color: #3366CC;
}	
.TextOrange {
	color: #FF723C;
}

.TextRed_b {
	color: #FF0000;
	font-weight:bold;
}
.TextBig {
	font-size:120%;
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
label { cursor: pointer; }
textarea { overflow: auto; }
legend { display: none; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
small { font-size: 100%; }
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* for IE7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br {
	letter-spacing: 0;
}

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */




/* ------------------------------------------------------------
	1. header
------------------------------------------------------------ */
#headerArea {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

#logo {
    float: left;
    padding-right: 15px;
    padding-top: 20px;
    width: 185px;
}

#tel {
	float: right;
	height: 76px;
	width: 261px;
	padding-top: 20px;
}




/* ------------------------------------------------------------
	2. navi
------------------------------------------------------------ */
#naviArea {
	background-image: url(../img/navi_bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	overflow: hidden;
}
ul#navi {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
	padding: 0px;
	clear: both;
}

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

ul#navi li a {
	background: url(../img/navi.jpg) 0 0 no-repeat;
	height: 54px;
	display: block;
}

ul#navi #btn01 a {
	width: 164px;
	background-position: 0 0;
}

ul#navi #btn01 a:hover,
ul#navi #btn01 a.current,
body.header_link_1 ul#navi #btn01 a{
	background-position: 0 -54px;
}

ul#navi #btn02 a {
	width: 163px;
	background-position: -164px 0;
}

ul#navi #btn02 a:hover,
ul#navi #btn02 a.current,
body.header_link_2 ul#navi #btn02 a{
	background-position: -164px -54px;
}

ul#navi #btn03 a {
	width: 163px;
	background-position: -327px 0;
}

ul#navi #btn03 a:hover,
ul#navi #btn03 a.current,
body.header_link_3 ul#navi #btn03 a{
	background-position: -327px -54px;
}

ul#navi #btn04 a {
	width: 163px;
	background-position: -490px 0;
}

ul#navi #btn04 a:hover,
ul#navi #btn04 a.current,
body.header_link_4 ul#navi #btn04 a{
	background-position: -490px -54px;
}

ul#navi #btn05 a {
	width: 163px;
	background-position: -653px 0px;
}

ul#navi #btn05 a:hover,
ul#navi #btn05 a.current,
body.header_link_5 ul#navi #btn05 a{
	background-position: -653px -54px;
}

ul#navi #btn06 a {
	width: 164px;
	background-position: -816px 0px;
}

ul#navi #btn06 a:hover,
ul#navi #btn06 a.current,
body.header_link_6 ul#navi #btn06 a{
	background-position: -816px -54px;
}




/* ------------------------------------------------------------
	3. contents
------------------------------------------------------------ */
.Wrap {
		width: 100%;
		margin: 0px;
		padding: 0px;
		/*
		background-color:#82b1da;
		background: #81b4db;
		background: -moz-linear-gradient(top, #81b4db 0%, #225cd8 100%); 
		background: -webkit-linear-gradient(top, #81b4db 0%,#225cd8 100%); 
		background: linear-gradient(to bottom, #81b4db 0%,#225cd8 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b4db', endColorstr='#225cd8',GradientType=0 );
		*/
}
#Wrap {
/*	background-color: #89abda;*//*#6CAB18;*/
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#Layout {
	background-color: #FFF;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#Contents {
	float: left;
	width: 700px;
}
.PageTitle {
	font-size: 140%;
	font-weight: bold;
	color:  #02328d;/*#20857F;*/
	background-image: url(../img/PageTitle.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 690px;
	padding-top: 7px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#pankuzu {
	margin-bottom: 15px;
	font-size: 90%;
}
#PageTop {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.contentsBox {
	margin-bottom: 30px;
	overflow: hidden;
}
.contentsBoxInner {
	padding-right: 10px;
	padding-left: 10px;
}
.img_center {
	text-align: center;
	margin-bottom: 15px;
}
.img_right {
	float:right;
	margin:0px 0px 10px 10px;
}
.img_left {
	float:left;
	margin:0px 10px 10px 0px;
}
.TextBottom {
	margin-bottom:10px;
}
.TextBottomBig {
	margin-bottom:30px;
}

ul.nomal_list li {
	background-image: url(../img/ico_nomal.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 13px;
	margin-bottom: 3px;
}
.nomal_table {
	width:100%;
	margin-bottom: 20px;
}
.nomal_table th {
	padding:10px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
}
.nomal_table td {
	padding:10px;
	border: 1px solid #CCC;
}



/* ------------------------------------------------------------
	4. side
------------------------------------------------------------ */
#sideArea {
	float: right;
	width: 230px;
	margin-bottom: 15px;
}
.sideBtnArea {
	width: 228px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
.sideBtnTitleBlue {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #0B76E1;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sideBtnTitleGreen {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #064d9f;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sideBtnTitleOrange {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #ec3482;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sideBtnTitleGray {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #A2A2A2;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
ul.sideBtn {
	margin-right: 10px;
	margin-left: 10px;
}
ul.sideBtn li {
	background-image: url(../img/icon_orange.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 90%;
}
ul.sideBtn li a {
	color:#333;
	text-decoration:none;
}
ul.sideBtn li a:hover {
	text-decoration:underline;
}
ul.sideBnr {
	margin-bottom:8px;
}
ul.sideBnr li {
	margin-bottom:8px;
}


.clearboth{
	clear:both;
}

/* ------------------------------------------------------------
	5. footer
------------------------------------------------------------ */
#footerArea {
	background-color: #333333;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 90%;
	color: #FFF;
}
#footerArea a {
	color:#FFF;
	text-decoration:none;
}
#footerArea a:hover {
	text-decoration:underline;
}
#footerInner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#footerInner ul {
	width:550px;
	float: left;
}
#footerInner ul li {
	float:left;
	margin-bottom:5px;
}
#footerText {
	float:right;
	text-align:right;
}
#copy {
	color: #FFF;
	text-align: center;
}