/* ----------------------------------------------------------------header*/
header {
	text-align: left;
}
#header {
	padding-bottom: 10px;
}
h1 {
    color:#999999;
	text-align: center;
	font-size: 9px;
	margin: 3px 0 10px;
}
.header_area {
    margin-top:10px;
	display: none;
}
.header_logo {
    text-align: center;
    margin-bottom: 10px;
}
.header_logo img {
	max-width: 100%;
	height: auto;
}
.header_info {
    width:100%;
    display: block;
    margin:0 auto;
}
/*.header_contact {
    float:left;
    text-align: center;
    width:auto;
    margin:0 auto;
    height:34px;
}*/
.header_contact.img_change.hoverimg {
	width:100px;
}
.header_contact img {
	width: auto;
	height: 34px;
}
#toggle {
    float: right;
}
#toggle img {
	width: auto;
	height: 34px;
	margin-left: 5px;
	cursor: pointer;
}
.img_sp{
	display:inline-block;
	
}
@media print, screen and (min-width:768px) {

h1 {
    margin: 7px 0 20px;
	text-align: left;
    float:left;
}
.br-sp {
    display:none;
	 }
.header_area {
    display:block;
    float:right;
    margin-bottom:10px;
}

.header_logo img {
	float: left;
	width: auto;
	height: auto;
}
.header_info {
    display:block;
    float:right;
	width: auto;
    margin-bottom:20px;
}
.header_contact {
    float:none;
}
.header_contact img {
	width: auto;
	height: auto;
	margin-left:10px;
	float: left;
}
#toggle {
	display: none;
}
.img_sp{
	display: none;	
}
}
/*------------------------------------------------------------mainnavi*/
#mainnavi {
	display: none;
}
#mainnavi ul {
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
}
#mainnavi ul li {
	text-align: center;
	border-bottom: 1px dotted #999;
}
#mainnavi ul li:last-child {
	border-bottom: 0;
}
#mainnavi ul li a {
	color: #333;
	text-decoration: none;
	display: block;
    height:60px;
    padding:21px 0 0;

}
#mainnavi ul li a:hover, #mainnavi ul li.active a {
	background:url(../img/common_img/bg_mainnavi_arrow.png) top center no-repeat, url(../img/common_img/bg_mainnavi_pc.gif) repeat-x;
}

@media print, screen and (min-width:768px) {
#mainnavi {
	display: block;
}
#mainnavi ul {
    width:930px;
}
#mainnavi ul li {
	float: left;
	border: 0;
	padding: 0;
}
#mainnavi ul li:first-child {
    width: 74px;
	float: left;
	border: 0;
	padding: 0;
}
#mainnavi ul li:nth-child(2) {
    width: 191px;
}
#mainnavi ul li:nth-child(3) {
    width: 176px;
}
#mainnavi ul li:nth-child(4) {
    width: 121px;
}
#mainnavi ul li:nth-child(5) {
    width: 153px;
}
#mainnavi ul li:nth-child(6) {
    width: 111px;
}
#mainnavi ul li:nth-child(7) {
    width: 104px;
}
#mainnavi ul li a {
	border-left: 1px dotted #999;
}
#mainnavi ul li:last-child a {
	border-right: 1px dotted #999;
}
}

/*------------------------------------------------------------mainimage*/
#mainimage {
    text-align: center;
        margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
#mainimage {
        margin-bottom: 10px;
}
}
/*------------------------------------------------------------pagetitle*/
#pagetitle {
	margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
#pagetitle {
	margin-bottom: 30px;
}
}
/*------------------------------------------------------------content*/
#content {
	text-align: left;
}
.section {
	clear: both;
	margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
.section {
	margin-bottom: 40px;
}
}
/*subnavi*/
p.side_title {
	padding: 3px 0 3px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 4px solid #666;
	margin: 5px 0;
}
.subnavi {
	margin-bottom: 10px;
}
.subnavi {
	border-top: 1px dotted #6D6D6D;
}
.subnavi li {
	border-bottom: 1px dotted #6D6D6D;
}
.subnavi li a {
	padding: 10px 0;
	display: block;
}
.subnavi li a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) {
.subnavi {
	margin-bottom: 20px;
}
}
/* ----------------------------------------------------------------footer*/
footer {
    color: white;
	margin-top: 40px;
	text-align: center;
    padding: 7px 0 5px 0;
    background:
        url(../img/common_img/bg_footer_top.gif) repeat-x left top,
        url(../img/common_img/bg_footer_bottom.gif) repeat-x left bottom;
}
#footer_area {
    background: url(../img/common_img/bg_footer_center.gif) repeat left top;
}
.footer_bg_white {
    background-color: rgba(255,255,255,0.2);
}
#footer_area2 {
    padding-top: 20px;
}
@media print, screen and (min-width:768px) {
#footer_area2 {
    padding-top: 0;
    padding-bottom: 20px;
}
}

footer a {
    color:white;
}

/*footerinfo*/
.footerinfo {
    margin-top: 17px;
    margin-bottom: 10px;
}
.footerinfo dt {
    margin-bottom: 10px;
    font-size: 18px;
}
.footerinfo dd {
    margin-bottom: 20px;
    line-height: 1.6em;
}
.footerinfo dd:last-child {
    margin-bottom: 20px;
}

@media print, screen and (min-width:768px) {
#footerinfo1 {
    width: 100%;
	margin-right: auto;
	margin-left: auto;
}
}

/*footernavi*/
.f_navi {
/*	margin-bottom: 20px; */
}
.f_navi li {
    display: inline-block;
    padding: 0 5px;
    padding-bottom: 20px;
}
.f_navi li a {
    color: white;
	text-decoration: none;
}
.f_navi li a:hover {
	text-decoration: underline;
}

@media print, screen and (min-width:768px) {
.f_navi{
    margin-top: 15px;
}
.f_navi li{
    border-left: 1px solid white;
    padding: 0 5px;
    line-height: 1.2em;
}
.f_navi li:first-child{
    border-left: 0;
}
.f_navi li a{
    padding: 0;
/*    text-decoration: none; */
}
}
/*address*/
address {
	margin-top: 20px;
	font-size: 11px;
}
/*------------------------------------------------------------Pankuzu*/
/*pankuzu*/
#pankuzu {
	width: 100%;
	margin: 5px 0 15px;
	clear: both;
}
#pankuzu ol {
	list-style: none;
}
#pankuzu ol li {
	float: left;
	font-size: 11px;
	padding: 0 7px 0 10px;
	background: url(../img/common_img/icon_pankuzu.gif) no-repeat 0 50%;
}
#pankuzu ol li em {
	font-style: normal;
}
#pankuzu ol li.home {
	padding-left: 0;
	background: none;
}
#pankuzu ol li a:link, #pankuzu ol li a:visited {
	text-decoration: underline;
}
#pankuzu ol li a:hover, #pankuzu ol li a:active {
	text-decoration: underline;
}
/* ----------------------------------------------------------------rayout*/
.center {
	margin: auto;
}
/*------------------------------------------------------------table*/
.sheet_basic {
	width: 100%;
	border-collapse: collapse;
}
.sheet_basic tr th, .sheet_basic tr td {
	border: 1px dotted #6D6D6D;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	display: block;
}
@media print, screen and (min-width:768px) {
.sheet_basic tr th, .sheet_basic tr td {
	display: table-cell;
}
}
/*------------------------------------------------------------Decoration*/
/*Line*/
hr.line_01 {
	height: 1px;
	clear: both;
	margin: 30px 0px;
	border-top: 1px dotted #CCC;
	border-right: 0 dotted #CCC;
	border-bottom: 0 dotted #CCC;
	border-left: 0 dotted #CCC;
}
.space_10 {
	height: 10px;
	clear: both;
}
.space_20 {
	height: 20px;
	clear: both;
}
.space_30 {
	height: 30px;
	clear: both;
}
.space_10 hr, .space_20 hr, .space_30 hr {
	display: none;
}
/*------------------------------------------------------------Text*/
/*title*/
.title01 {
    text-align: center;
    padding-bottom: 10px;
    line-height: 3em;
	background: url(../img/index_img/bg_title01_line.png) no-repeat right, url(../img/index_img/bg_title01.png) ;
    margin-bottom: 20px;
    border-radius: 8px;
}
.title02 {
    text-align: center;
    padding-bottom: 5px;
    line-height: 45px;
    background: url(../img/index_img/bg_img02.png) repeat-x 0px 10px;
    margin-bottom: 20px;
}
.title03 {
    text-align: center;
    border-bottom: 2px dotted #3d79d5;
    padding-bottom: 10px;
    margin-bottom: 20px;

}
.title_01 {
    color: white;
    font-size: 20px;
    text-align: center;
    background: url(../img/index_img/bg_title01_line.png) no-repeat right, url(../img/index_img/bg_title01.png) ;
    margin: 20px 0 20px;
    border-radius: 8px;
}
.title_02 {
    color: #3D79D5;
    font-size: 16px;
    text-shadow: 2px 2px 1px white,
    -2px 2px 1px white,
    2px -2px 1px white,
    -2px -2px 1px white;
    text-align: center;
    padding-bottom: 1px;
    background: url(../img/common_img/bg_nakamidashi_top.png) repeat-x 0px top,
                url(../img/common_img/bg_nakamidashi_bottom.png) repeat-x 0px bottom;
    margin: 10px 30px 30px;
}
.title_02 div {
    padding: 2px 10px;
    background: url(../img/common_img/bg_nakamidashi.png) repeat 0px 10px;
}
.title_03 {
    color: #3D79D5;
    font-size: 16px;
    text-align: center;
    border-bottom: 2px dotted #3d79d5;
    padding-bottom: 5px;
    margin: 10px 0 20px;
}
@media print, screen and (min-width:768px) {
.title_01 {
   font-size: 28px;
}

.title_02 {
   font-size: 24px;
}
.title_02 div {
   padding: 0px 10px;
}

.title_03 {
   font-size: 20px;
    margin: 10px 0 20px;
}
}

/*TextRight*/
.tx_right {
	text-align: right;
}
/*TextLeft*/
.tx_left {
	text-align: left;
}
/*TextCenter*/
.tx_cent {
	text-align: center;
}
/*bold*/
.tx_bold {
	font-style: normal;
	font-weight: bold;
}
/*TextRed*/
.tx_red {
	color: #C33;
}
/*attention*/
.attention {
	font-size: 10px;
	line-height: 130%;
	margin: 5px 0;
}
/*------------------------------------------------------------Float*/
/*FloatLeft*/
.float_left {
	float: left;
}
/*FloatRight*/
.float_right {
	float: right;
}
/*ClearBoth*/
.clearboth {
	clear: both;
}
/*phbox*/
.phbox_right {
	text-align: center;
	margin-bottom: 10px;
}
.phbox_right img {
	max-width: 100%;
	height: auto; 
}
.phbox_left {
	text-align: center;
	margin-bottom: 10px;
}
.phbox_left img {
	max-width: 100%;
	height: auto; 
}
.ov_hidden {
	overflow: hidden;
}
@media print, screen and (min-width:768px) {
.phbox_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}
.phbox_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}
}

/*textbox*/
.textbox_right {
        text-align: center;
        margin-bottom: 10px;
}
.textbox_right img {
        max-width: 100%;
        height: auto;
}
.textbox_left {
        text-align: center;
        margin-bottom: 10px;
}
.textbox_left img {
        max-width: 100%;
        height: auto;
}
@media print, screen and (min-width:768px) {
.textbox_right {
        float: right;
        margin-left: 10px;
        margin-bottom: 0px;
}
.textbox_left {
        float: left;
        margin-right: 10px;
        margin-bottom: 0px;
}
}

/*------------------------------------------------------------Margin*/
/*MarginTop*/
.margin_t05 {
	margin-top: 5px;
}
.margin_t10 {
	margin-top: 10px;
}
.margin_t20 {
	margin-top: 20px;
}
.margin_t30 {
	margin-top: 30px;
}
.margin_t40 {
	margin-top: 40px;
}
.margin_t50 {
	margin-top: 50px;
}
/*MarginBottom*/
.margin_b05 {
	margin-bottom: 5px;
}
.margin_b10 {
	margin-bottom: 10px;
}
.margin_b20 {
	margin-bottom: 20px;
}
.margin_b30 {
	margin-bottom: 30px;
}
.margin_b40 {
	margin-bottom: 40px;
}
.margin_b50 {
	margin-bottom: 50px;
}
/*MarginRight*/
.margin_r05 {
	margin-right: 5px;
}
.margin_r10 {
	margin-right: 10px;
}
.margin_r15 {
	margin-right: 15px;
}
.margin_r20 {
	margin-right: 20px;
}
/*MarginLeft*/
.margin_l05 {
	margin-left: 50px;
}
.margin_l10 {
	margin-left: 10px;
}
.margin_l15 {
	margin-left: 15px;
}
.margin_l20 {
	margin-left: 20px;
}

/*Margin_device*/
.margin-xs-b10 {
	margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
.margin-xs-b10 {
	margin-bottom: 0px;
}
}
/*------------------------------------------------------------ClearFix*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/*------------------------------------------------------------Hoverimg*/
a:hover img.hoverimg {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/*------------------------------------------------------------other*/
/*Pagetop*/
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 0px;
}
#pagetop img {
        width: 30px;
        height: 30px;
}
@media print, screen and (min-width:768px) {
#pagetop {
	position: fixed;
	bottom: 0px;
	right: 50px;
        
}
#pagetop img {
        width: 60px;
        height: 60px;
}
}