/***** ���Z�b�g ************************************************************************/

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;
list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}

/***** �y�[�W�p ************************************************************************/

body {
	font-size: 14px;
	line-height: 140%;
	text-align:center;
	letter-spacing:1;
	font:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	background-image: url(../parts/page_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	}
	
#wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
	}

/***** �����N ************************************************************************/
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;}

a:link{ 
	color: #005fc3;
	text-decoration: none;}
a:visited{
	color: #005fc3;
	text-decoration: none;}
a:hover{
	color: #6296ca;
	text-decoration: none;}

/***** �w�b�_�[ ************************************************************************/

#head {
	height:135px;
	position:relative;
	background: url(../parts/head2.jpg) top left no-repeat;
	margin-bottom: 15px;
}
	
/***** �w�b�_�[�����N *****/
p#logo {
	position:absolute;
	top:5px;
	left:20px;
	width:280px;
	line-height:150%;
	height: 120px;
	font-size: 14px;
}
	
p#head-nav {
	font-size: 12px;
	position:absolute;
	top: 5px;
	left: 440px;
	width:500px;
	line-height:18px;
	text-align: right;
}	
p#head-nav a{
	color: #000000;}	
p#head-nav a:hover{
	color: #FF7419;
	text-decoration: underline;}
	
/***** �w�b�_���̃i�r�Q�[�V���� ************************************************************************/

#main-nav {
	/*background: #09C;*/
	margin-bottom: 40px;
	position: relative;
}

#main-nav ul {
	overflow: hidden;/* ������N���A�t�B�N�X�̑��� */
	_zoom: 1;/* ie6,7�΍� */
	font-size: 14px;
	margin: 0 auto;
}

#main-nav ul li {
	display: block;
	float: left;
	width: 12.5%;
}

#main-nav ul li a {
	background: #FFF url(../parts/link_vector.gif) 3px .5em no-repeat;
	display: block;
	font-weight: bold;
	padding: 5px 0 5px 19px;
}

/***** �R���e���c �G���A ************************************************************************/

#contents_box {
	width: 930px;
	margin: 0 auto;}

.mainImage {
	display: block;
	margin: 0 auto 20px;
	}

h2 {
	background-color: #CFF;
	margin-bottom: 22px;
	}

.back_nav {
	text-align: right;
	margin-bottom: 20px;
	}
			
/***** �p�������X�g *****/

#breadcrums {
	font-size: 13px;
	margin-bottom: 20px;
	overflow: hidden;
	_zoom: 1;
	}
#breadcrums li {
	background: url(../parts/breadcrums_bg.png) 0 50% no-repeat;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	}
#breadcrums li.home {
	background: none;
	padding-left: 0;
	}

/***** ���C���R���e���c #main *****/

#main {
	float: left;
	margin-bottom: 50px;
	overflow: hidden;
	width: 680px;
	}

/***** �q�y�[�W�ւ̃����N *****/

.childBox {
	margin-right: -20px;
	/width: 700px;
	}

.childLink {
	border: 3px solid #CAB9B3;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	_zoom: 1;
	padding: 14px 14px 10px;
	width: 295px;
	}

.childLink h3 {
	background: url(../parts/circle_blue.gif) left center no-repeat;
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 3px 0 3px 28px;
	}

.childLink p {
	margin-bottom: 1em;
	}

.childLink .thumb {
	float: left;
	margin-right: 15px;
	}


/***** �q�y�[�W *****/

.section {
	margin-bottom: 10px;
	overflow: hidden;
	_zoom: 1;
	}

.section h3 {
	background: url(../parts/circle_blue.gif) left center no-repeat;
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 3px 0 3px 28px;
	}

.section h4 {
	font-weight: bold;
	margin-bottom: .5em;
	}

.section table {
	border: 1px solid #CAB9B3;
	font-size: 13px;
	margin-bottom: 1em;
	}

.section table th, .section table td {
	border: 1px solid #CAB9B3;
	padding: 3px 0;
	text-align: center;
	height: 3rem;
	}

.section p {
	margin-bottom: 1em;
	}

.section p.pr {
	font-size: 16px;
	}

.moreLink {
	font-size: 16px;
	text-align: right;
	margin-bottom: 1em;
	}

.moreLink a:link, .moreLink a:visited {
	background: #FFF url(../parts/circle_arrow.gif) 6px center no-repeat;
	border: 1px solid #005FC3;
	color: #005FC3;
	padding: .25em .25em .25em 32px;
	}

.moreLink a:hover, .moreLink a:active {
	background: #008AD5 url(../parts/circle_arrow_o.gif) 6px center no-repeat;
	border: 1px solid #008AD5;
	color: #FFF;
	padding: .25em .25em .25em 32px;
	}

.goodsBox {
	border: 2px solid #CAB9B3;
	padding: 18px 14px 14px;
	}

.goodsBox h4 {
	border-left: 5px solid #005FC3;
	font-size: 18px;
	margin-bottom: 1em;
	padding-left: 8px;
	}

/***** �i�r�Q�[�V�����Ȃǂ�����X�y�[�X #primary *****/

#primary{
	width: 220px;
	float: right;
	}

.localNav {
	margin-bottom: 1em;
	}

.localNav h3 {
	border-bottom: 1px dotted #008AD5;
	margin-bottom: .7em;
	padding: 3px;
	}

.localNav h3 a {
	color: #000;
	}

.localNav ul {
	margin-top: .5em;
	margin-left: 16px;
	}

.localNav li {
	font-size: 16px;
	margin-bottom: .5em;
	}

.localNav li a {
	background: #FFF url(../parts/circle_arrow.gif) 6px center no-repeat;
	padding-left: 32px;
	}

.mobLink {
	}

.mobLink li {
		margin: 0 auto 10px;
	}

.mobLink li img {
		display: block;
		margin: 0 auto;
	}

	
/***** �E�@�u�T�[�r�X����I�ԁv *****/

.bnrTxt {
	margin-right: -16px;
	/width: 946px;
}

.bnrTxt h3 {
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(../parts/c_title.gif);
	background-repeat: no-repeat;
	height: 30px;
	text-indent: 5px;
}

.bnrTxt .serviceBox {
	float: left;
	margin-right: 16px;
	margin-bottom: 7px;
	width: 457px;
}

.bnrTxt .serviceBox img {
	margin-bottom: 7px;
	margin-right: 10px;
	float: left;
}

/***** �t�b�^�[ ************************************************************************/
.backtop {
	text-align:right;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
	padding-right: 20px;}	
#foot {
	clear: both;
	width:960px;
	height:80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#foot-nav{
	border-bottom: 4px solid #224075;
	color: #000000;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 960px;
	background: url(../parts/foot-nav_bg.jpg) left bottom repeat-x;
}	
#foot-nav a{
	color: #000000;
	font-size: 14px;
}
#copyright {
	text-align:right;
	margin-bottom:10px;
	font-size: 10px;
	margin-top: 5px;
	margin-right: 5px;
	letter-spacing: 0.1em;
}

/***** h�^�O ************************************************************************/

h1{
	text-indent:-9999px;}

h2{
}

/*220118*/

.disp-fl{display: flex;}
.flex-b100{flex-basis: 100%;}
.mgb20{margin-bottom: 20px;}
.w40{width: 40%;}
.w100{width: 100%;}
.pd10{padding: 10px;}
.name{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}

#main .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 1em;
}
#main a.btnRadius02 {
    border-radius: 40px;
    font-weight: bold;
    width: auto;
    height: 100%;
    margin: 0;
    color: #FFF;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#main a.btnRadius03 {
    border-radius: 5px;
    font-weight: bold;
    width: auto;
    height: 100%;
    margin: 0;
    color: #FFF;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.w50 {
    width: 50% !important;
    margin: auto !important;
}
#main a.catchyBtn {
    background: #EA6D0D;
}
#main a.orangeBtn {
    background: #EA6D0D;
}
#main a.blueBtn {
    background: #005FC3;
}