@charset "UTF-8";
/* =WordPress Core
-------------------------------------------------------------- */

.ul-none {
	text-decoration: none;
}

.mr20 {
margin-right: 20px;
}

.mb20 {
margin-bottom: 20px;
}

.for-id {
line-height: 1.8em;
}

.for-id a:hover {
text-decoration: underline #9F0030;
}



@media screen and (min-width: 481px) {

.youtube-box {
    float: left;
    margin: 5px 0 0 0;
width: 50%;

}}


@media screen and (max-width: 480px) {

.youtube-box {
	margin: 5px 0;
	width: 100%;
}}


.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



h1.page-title {
	font-size: 2.0em;
	padding: 10px 0 10px 50px;
	margin-bottom: 20px;
	background: url(sofken_logo_point.png) left no-repeat; 
}


@media screen and (max-width: 480px) {

h1.page-title {
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 10px 0 10px 50px;
	margin-bottom: 20px;
	background: url(sofken_logo_point.png) left no-repeat; 
}

}

.one_image {
width: 48%;
	
}

@media screen and (max-width: 480px) {

.one_image {
width: 100%;
    display: block;}

}



.bottom-30px {
	margin-bottom: 30px;
}


.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    text-align: left;
}
/* Global */
* { margin: 0; padding: 0; }

body { font-size: 13px;
font-family:sans-serif;
background-color: #eee;
line-height: 19px;
color: #333;}
				/* 25px - 0px */
#main_container { width: 980px; margin: 0px auto; background-color: #fff; padding: 0px 40px; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
a { color: #333;}
a:hover { text-decoration:underline; color:#333; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
::selection {
	background: #c9dee3; 
	}
::-moz-selection {
	background: #c9dee3; 
}

h1 {font-size: 1.4em; color: #333}
h2.prod { line-height: 1.3em; padding-top: 5px;}
p.large { font-size: 1.3em; line-height: 1.5em;}

h2.h2rs { line-height: 1.3em; padding-top: 5px; margin-left: 15px;}
p.large-rs { font-size: 1.3em; line-height: 1.5em; margin-top:0; margin-bottom:0; }
h3.h3rs { font-size: 1.3em;}

a.white {
	color: #fff;
	text-decoration: none;
}


.sizeup { font-size: 1.1em; }

.etitle { 
border-top: 1px dotted;
width: 100%;
padding: 0px 15px 0px 0;
margin: 0 auto;
text-align: right;
color: #9f9f9f;
 }

/* Header */
#header {
	width: 100%;
	margin: 0;
	min-height: 100px;
	padding: 10px 0 20px 0;
	text-transform: uppercase;
/* 	background: url(rotate/rotate.php) no-repeat center;*/
	background: url(header-bg-07.jpg) no-repeat center; 
	text-align: center;
}


#logo-box {
	width: 100%;
	margin: 20px auto 25px auto;
	text-align: center;
}

#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration:none; color: #fff; }
.logo { border: none; }
.cat_menu_cont { border: 0px solid #0F0;  width: 100%; margin: 0 auto; text-align: center;}
.cat_menu_cont .current_page_item a, .cat_menu_cont .current-menu-item a { text-decoration:none; color: #fff !important; }


.cat_menu_cont ul li {
width: 225px;
margin: 20px 10px 5px 10px;
font-size: 1.5em;
text-align: center;
line-height: 2.0em;
border-bottom: 2px solid #fff;
padding-bottom: 1px;
display: inline-block;
background-color: rgba(0,0,0,0.4);
}

.cat_menu_cont ul li:hover {
width: 225px;
margin: 20px 10px 5px 10px;
font-size: 1.5em;
text-align: center;
line-height: 2.0em;
border-bottom: 2px solid #9F0030;
padding-bottom: 1px;
display: inline-block;
background-color: rgba(0,0,0,0.6);
}


@media screen and (min-width:481px) and ( max-width:1024px) {

#header {
	width: 100%;
}

.head_copy {
	width: 100%px;
}

.cat_menu_cont ul li {
width: 180px;
margin: 20px 10px 5px 10px;
font-size: 1.2em;
}

.cat_menu_cont ul li:hover {
width: 180px;
margin: 20px 10px 5px 10px;
font-size: 1.2em;
}

}

.header_menu_cont { float: right; width: 155px; margin-right: 10px; }
.header_menu_cont .current_page_item a, .header_menu_cont .current-menu-item a { text-decoration:none; color: #000 !important; }
.header_menu_cont ul { list-style-type: none; }
.header_menu_cont ul li { margin-bottom: 3px; }

/* Content */
#slider_container { width: 980px; height: 400px; overflow: hidden; position: relative; }
/*#slider_container img { width: 980px; height: 400px; }*/
.slide_img { width: 980px !important; height: 400px !important; }

.home_featured_text { padding: 15px 5px 10px 5px; color: #999; font-size: 1.1em; position:relative; line-height: 1.6em;}

a.home_post_box { display: block; width: 223px; padding: 4px; float: left; margin-right: 18px; margin-top: 10px; text-decoration: none; color: #333; }


@media screen and (max-width: 480px) {

.pro_box p, .pro_box_last p { width: 300px;
}

}

@media screen and (max-width: 480px) {

#header {
	width: 100%;
}

}

.pro_box { display: block; width: 230px; padding: 0px; float: left; margin-right: 20px; margin-top: 10px; text-decoration: none; color: #333; border: 0px solid #000; }

.pro_box_last { display: block; width: 230px; padding: 0; float: left; margin-right: 0; margin-top: 10px; color: #333; border: 0px solid #000; }

.pro_box_last { margin-right: 0 !important; }

.pro_box a, .pro_box_last a {text-decoration: none;}

.pro_box img, .pro_box_last img {margin: 0; padding: 0;}


a.home_post_box:hover { opacity:0.8; filter:alpha(opacity=80); }
a.home_post_box img { border: none; width: 223px; height: 223px; }
a.home_post_box h3 { font-size: 14px; margin-bottom: 5px; color: #333;  }
a.home_post_box p { margin-top: 5px; color: #666; line-height: 18px; }
.last_home_post_box { margin-right: 0 !important; }
.blog_box { padding: 15px 0; border-bottom: 1px solid #E6E6E6; }
.blog_box img { float: left; margin-right: 15px; width: 535px; height: 210px; }
.blog_box h3 { font-size: 14px; margin-top: 0; }
.blog_box h3 a { color: #333; text-decoration: none; }
.blog_box h3 a:hover { text-decoration: none; color: #666; }
.nav_container { padding: 15px 0; }
.nav_container a { color: #333; }
.single_box { padding: 15px 0; }

#single_left { float: left; width: 980px; }
/* 
.single_box h1 { font-size: 16px; color:#444;}
 */

#commentform a { color: #333; }
#commentform input[type=submit] { background-color: #333; border: none; color: #fff; padding: 8px 10px; }


/* Sidebar */
#sidebar { float: right; width: 220px; margin-top: 30px; }
a.side_post_box { display: block; width: 233px; padding: 4px; margin-bottom: 20px; text-decoration: none; color: #333; margin-top: 10px; }
a.side_post_box:hover { opacity:0.8; filter:alpha(opacity=80); }
a.side_post_box img { border: none; width: 233px; height: 200px; }
a.side_post_box h3 { font-size: 14px; margin-bottom: 5px; color: #333; }
a.side_post_box p { margin-top: 0; color: #666; }

/* Footer */
#footer { padding-top: 30px; background: url('images/lines-divider.png') repeat-x; background-position: top center; margin-top: 15px; }
.footer_box { width: 210px; float: left; margin-right: 20px; }
.footer_box h3 { font-size: 13px; margin-bottom: 15px; color: #333; }
.footer_box ul { list-style-type: none; color: #000; }
.footer_box ul li { margin-bottom: 5px; }
.footer_box ul li a { color: #000; text-decoration: none; }
.footer_box ul li a:hover { text-decoration: none; color: #666; }
.footer_box_last { margin-left: 50px; margin-right: 0; width: 185px; }
.footer_copyright { padding: 10px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; text-align: right; margin: 20px 0; line-height: 2.0em;}
.footer_copyright a { color: #333; text-decoration: none; }
.footer_copyright a:hover { text-decoration: underline; }
#slideshow {
    position:relative;
    height:283px;
    width: 909px;
}
#slideshow img { width: 909px; height: 283px; }
#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow a.active {
    z-index:10;
}
#slideshow a.last-active {
    z-index:9;
}
#slider_container img.slide_prev { position: absolute; top: 363px; left: 900px; z-index: 999; width: 30px !important; height: 30px !important; display: block; }
#slider_container img.slide_next { position: absolute; top: 363px; left: 940px; z-index: 999; width: 30px !important; height: 30px !important; display: block; }

/* カスタマイズ */

.head_copy {
	width: 100%;
	min-width: 1040px;
	padding: 5px 10px;
	background: #9c0032;
	text-align:center;
}



.head_copy p {
	margin:0; padding: 0;
	color: #ffffff;
	line-height: 2.0em;
}

/* mobile */

@media screen and (min-width: 481px) {
	
.head_mobile {
	display: none;
}
}


.red {
color: #ffff33;}

.wecan_box {
	display: box;
	padding: 10px;
	width: 100%;
	height: auto;
	overflow : hidden;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}



.half_left {
	display: box;
	float: left;
	padding: 10px;
	width: 458px;
	height: auto;
	overflow : hidden;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}


.half_right {
	display: box;
	float: left;
	padding: 10px;
	width: 458px;
	height: auto;
	overflow : hidden;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}


.banner_left {
	display: box;
	float: left;
	padding: 10px;
	width: 458px;
	height: auto;
	overflow : hidden;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.banner_right {
	display: box;
	float: left;
	padding: 10px;
	width: 458px;
	height: auto;
	overflow : hidden;
	margin-top: 30px;
	margin-bottom: 10px;
}

@media screen and (max-width: 480px) {

.banner_left img, .banner_right img {
    width: 90%;
    height: auto;
}

.banner_left {
	display: box;
	float: left;
	padding: 10px;
	width: 100%;
	height: auto;
	overflow : hidden;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.banner_right {
	display: box;
	float: left;
	padding: 10px;
	width: 100%;
	height: auto;
	overflow : hidden;
	margin-top: 30px;
	margin-bottom: 10px;
}

}


.half_box { display: block; width: 480px; padding: 0; float: left; margin-top: 0; text-align: center; text-decoration: none; color: #333; }

.pro_half_box { display: block; width: 475px; padding: 0; float: left; margin-top: 10px; text-align: center; text-decoration: none; color: #333; margin-right: 25px }

.inbox { margin: 0; }

p.half { margin-top: -4px; padding-top: 0 }

.quarter_box { display: block; width: 230px; padding: 5; float: left; margin-left: 20px; margin-bottom: 15px; text-align: center; text-decoration: none; color: #333; }

p.quarter { margin-top: -4px; padding-top: 0 }

.one_image {
border:1px solid #fff;
margin-left: 490px;
padding-left: 10px; } 

.part {
	padding: 10px 0 10px 50px;
	margin-bottom: 20px;
	background: url(/img/point_part.png) no-repeat left;
}





hr.wecan {
margin: 20px 0;
color: #ccc;
}

.box {
float: left;
border: 2px solid #aaa;
margin: 15px 20px 10px 20px;
padding: 15px;
background-color: #cff;
font-weight: bold;
font-size: 15px;
}


.box00 {
float: left;
border: 2px dotted #bbb;
border-radius: 15px;
margin: 15px 10px 10px 20px;
padding: 15px;
background-color: #eee;
font-weight: bold;
font-size: 14px;
}



.box01 {
float: left;
border: 2px dotted #bbb;
border-radius: 15px;
margin: 15px 10px 10px 30px;
padding: 15px;
background-color: #eee;
font-weight: bold;
font-size: 14px;
}


.box02 {
float: left;
border: 2px dotted #bbb;
border-radius: 15px;
margin: 15px 10px 10px 60px;
padding: 15px;
background-color: #eee;
font-weight: bold;
font-size: 14px;
}

.box03 {
float: left;
border: 2px dotted #bbb;
border-radius: 15px;
margin: 10px 10px 10px 90px;
padding: 15px;
background-color: #eee;
font-weight: bold;
font-size: 14px;
}



.bizlink-box {
padding: 10px 15px;
border: 1px solid #ccc;
}

.bizlink-name {
text-align: center;
}


.bizlink li {
list-style-type: none;
line-height: 2.0em;
}



 /* for mobile portrait */

@media screen and (max-width: 480px) {

h2 { line-height: 1.3em }

#main_container { width: 90%; padding: 10px 0px; }

#menu_container { display: none; }

/*.home_post_cont { margin-right: auto; margin-left: auto; float: none; clear: both; }*/

#slider_container { width: 320px; height: 180px; overflow: hidden; position: relative; }
.slide_img { width: 320px !important; height: 180px !important; }

#slider_container img.slide_prev { position: absolute; top: 120px; left: 240px; z-index: 999; width: 30px !important; height: 30px !important; display: block; }

#slider_container img.slide_next { position: absolute; top: 120px; left: 280px; z-index: 999; width: 30px !important; height: 30px !important; display: block; }

.cat_menu_cont { width: 100%; float: left; margin: 0 auto; }

.cat_menu_cont ul li { font-size: 1.5em; float: none; margin: 10px auto; width: 80%; padding-bottom: 10px; }

.header_menu_cont { float: left; width: 200px; margin: 3px auto; }
.header_menu_cont ul li { margin-bottom: 10px; }

img.logo { display: block; margin: 0 auto 5px auto }

#footer { display: none; }
#commentform textarea { width: 220px; }
#sidebar { display: none; }

#single_left { float: none; width: 300px; margin-left: auto; margin-right: auto; }

#single_left img { width: 300px; height:inherit; }

.blog_box { float: none; width: 300px; margin-left: auto; margin-right: auto; }

.blog_box img { width: 300px; height:inherit; float: none; margin: 0 0 10px 0; }

.nav_container { width: 228px; margin-left: auto; margin-right: auto; }

a.home_post_box { display: block; width: 223px; padding: 4px; float: none; margin: 20px auto 0 auto; }

a.home_post_box img { border: none; width: 240px; height: 240px; }
.last_home_post_box { margin-right: auto !important; }

/*.home_post_box { margin-bottom: 20px; width: 258px; margin-right: auto; margin-left: auto; float: none; }*/

/*
.home_featured_text { display: none; }
*/

.social_menu_cont { display: none; }
.logo { float: none; margin: 0 auto 15px; clear: both; display: block; }
.logo_link { clear: both; margin: 0 auto 0px; }


.head_mobile {
	min-width: 100%;
	padding: 15px 0;
	background: #9c0032;
	text-align:center;
}
 
.head_mobile p {
	margin:0; padding: 0;
	color: #ffffff;
	font-size: 1.4em;
}


.head_copy {
	display: none;
}


.half_box { display: block; width: 100%; padding: 0; float: left; margin-top: 0; text-align: center; text-decoration: none; color: #333; }







}/*--- end of mobile -------------------------------*/

/*----------------------------------------------------
    table.company
----------------------------------------------------*/

section table.company   { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; width: 20%; }
section td { width: 16%; }
section li  { margin-left: 20px; }

li.company { margin-left: 30px; font-size: 1.3em; line-height: 1.5em;}


/*----------------------------------------------------
    .company
----------------------------------------------------*/
.company th  { width: 25%; text-align: left; }
.company td  { width: 75%; text-align: left; }

 
@media only screen and (max-width:480px){
    .company { margin: 0 -5px; }
    .company th,
    .company td{
        width: 70%;
        display: block;
        border-top: none;
    }
    .company tr:first-child th   { border-top: 1px solid #ddd; }
	
	.wpcf7-form-control wpcf7-text { max-width: 70%; }
	.form-width { max-width: 80%; }


}



/*----------------------------------------------------
    table.all
----------------------------------------------------*/

table.all   { width: 90%; margin: 25px auto }
th.all, section td  { padding: 10px; border: 1px solid #ddd; }
th.all  { background: #f4f4f4; width: 20%; }
table.all td { width: 20%; text-align: center }


/*----------------------------------------------------
    .allframe
----------------------------------------------------*/
.allframe th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .allframe { margin: 0 -10px; }
    .allframe th,
    .allframe td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .allframe tr:first-child th   { border-top: 1px solid #ddd; }
}

/*----------------------------------------------------
    .wpcf7-form-control
----------------------------------------------------*/
.wpcf7-text {
padding: 5px;
font-size:1.2em;
color:#aaa;
border:solid 1px #ccc;
margin:5px;
width:300px;
}


.wpcf7-textarea {
padding: 5px;
font-size:1.2em;
color:#aaa;
border:solid 1px #ccc;
margin:5px;
width:460px;
}





#zipcode {
padding: 5px;
font-size:1.2em;
color:#aaa;
border:solid 1px #ccc;
margin:5px;
width:80px;
}

input:focus {
    border:solid 1px #EEA34A;
}



#store a {
	font-size: 1.5em;
	border: 1px solid #333;
	background: #999;
	text-decoration: none;
	line-height: 1.5em;
	color: #fff;
	width: 470px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#store a:hover {
	text-decoration: none;
	background: #333;
}

/* お問い合わせのページ */

.red {
	color: #f33;
}


.button-area {
	text-align: center;
}

.button-area input[type=submit],  input[type=button]  {  
        border-top: 1px solid #ccc;  
        border-right: 1px solid #999;  
        border-bottom: 1px solid #999;  
        border-left: 1px solid #ccc;  
        padding: 5px 20px;  
        font-weight: bold;  
        cursor: pointer;  
        color: #666;  
}  



/* page-top */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 0;
	font-size: 2.0em;
}
#page-top a {
	background: #777;
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}


@media screen and (min-width: 481px) {

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 2.0em;
}
#page-top a {
	background: #777;
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

}

@media screen and (max-width: 480px) {

#page-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	font-size: 3.0em;
}
#page-top a {
	background: #777;
	text-decoration: none;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

}



/* Slide Up */

.clearfix { display: block; height: 0; clear: both; visibility: hidden; }
.details { 
	margin:15px 20px;
	color: #fff;
}
	.details a{ text-decoration:none; color:#fff; }
	.white { color: #fff;}

p.option { 
	padding: 0 10px 0 20px;}





/* 背景画像の指定 */

.bg-contact {
	background-image: url('/img/bg_01.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* 画像をぴったり並べるときの指定、下にマージン入れる */

.imgleft {
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
}

/* 簡易ボタン */

.btn {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	width: 200px;
	padding: 10px 0;
	text-align: center;
	margin-left: 15px;
}

/* 固定ページ製品一覧の見出し<h2> */

.single_content .kotei {
	margin: 15px 0 0 0;
	padding: 10px 0 10px 10px;
	border-left: 5px solid #ddd;
	line-height: 1.3em;
	background: #eee;

}

/* 固定ページ製品一覧 */


h3.all-products {
	padding: 10px 2px 4px 6px;
	border-top: 1px dotted #bbb;
	border-left: 2px solid #bbb;
}

li.all-products {
	float: left;
	width: 192px;
	margin-right: 5px;
	margin-left:0px;
	list-style-type: none;
}

li.all-products-last {
	float: left;
	width: 192px;
	margin-left:0px;
	list-style-type: none;
}

li.all-products-link {
	margin:10px 0 10px 16px;
}



h2.contact {
	margin-top: 30px;
}

.wp-image-1969 {
	margin: 25px 0 30px 0;
}




.howtouse {
	display: box;
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;

}

#howtouse h3 {
	text-align: left;
	padding-left: 5px;
}

#howtouse p {
	text-align: left;
	margin: 10px 20px;
	font-size: 1.2em;
}



/* Raku Stand Page */


.00xalignleft {
    float: left;
    margin: 5px 0 0 0;
}


.box245-rs {
    float: left;
    margin: 5px 0 0 0;
	width: 245px;

}

.box490-rs {
    float: left;
    margin: 5px 0 0 0;
	width: 490px;
}

.box490-rs p, .box490-rs h3 {
	padding: 15px;
}


@media screen and (max-width: 480px) {

.box490-rs {
    float: left;
    margin: 5px 0 0 0;
	width: 230px;

}


}



hr.line-rs { 
	height: 1px;
	border: none;
	border-top: 1px #ccc dashed;
	margin: 15px 0;
}




.DL-box {
	width: 100%;
	display: box;
	padding: 10px;
	height: auto;
	overflow : hidden;
	margin-bottom: 20px;
	border: 1px dotted #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	
}



.bgred {
	background-color: #FAF2F5;
	min-height: 305px;
	diplay: box;
}


.bgblue {
	background-color: #d5eaff;
	min-height: 305px;
	diplay: box;
}







/* Top Page Slide */

@media screen and (max-width: 480px) {

.slick {
  width: 100%;
  margin: 10px auto 0 auto;
}

.slick h2 {
	line-height: 1.6em;
}


}


@media screen and (min-width: 481px) {

.slick {
  width: 50%;
  margin: 10px auto 0 auto;
  float:left;
}

}


.slick h2 {
	line-height: 1.1em;
	padding: 0 5px;
	margin-left: 5px;
}

.slick p {
	text-align: left;
	margin-left: 5px;
	padding: 5px 7px;
}

.slick hr {
	margin: 0 5px;
	border:none;
	border-top: dotted 1px #2b95ff;
	height:1px;
}

.slick a {
	text-decoration: none;
}
 

table.winter {
    width: 500px;
    margin: 0 auto;
	border: solid 1px #000000;
    border-collapse: collapse;
    border-spacing: 0px 15px;
}
 
table.winter td {
    padding: 5px;
	border: solid 1px #000000;

}
 
.red {
	color: #f00;
}   

p.footer-point {
	padding: 10px;
	text-align: center;
	background-color: #9E0030;
	color: #fff;
	font-size: 1.3em;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* partner.css */

.center {
	text-align: center;
	padding: 10px 0;
}

h2.large {
	font-size: 2.0em;
	font-family: "heisei-mincho-std";
	color: #fff;
}

h2.mlarge {
	font-size: 1.8em;
}

#balloon-2-bottom {
	position: relative;
	margin: 10px auto;
	display: inline-block;
	padding: 5px 30px;
	width: auto;
	min-width: 120px;
	height: 60px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background: #9E0030;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	z-index: 0;
}
#balloon-2-bottom:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #9E0030 transparent transparent transparent;
}


p.xlarge {
	font-size: 1.8em;
	line-height: 150%;
}


.reason-all {
 padding-top:18px; /* 真ん中にまで文字を下ろす */
}
 
.reason-all h2,
.reason-all p {
 text-align: center; /* 中央寄せ */
 color: #fff; /* 文字を白色に */
 margin: 0; /* h1とpの余白をリセット */
}
 
/* あとは文字サイズや太字を指定 */
.reason-all h2 {font-size:20px; font-weight:bold;}
.reason-all p {font-size:36px; font-weight:bold;}

.reason-box0 h2 { font-size: 20px;}

.reason-box0 h3 { font-size: 18px; padding: 0 0 0 10px; margin: 0; }

.reason-box0 p { font-size: 16px; padding: 0 0 0 15px; margin: 0; }



.reason-box1 { border-left: 15px solid #DE6641; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box1 h2 { border-bottom: 1px dotted #DE6641; padding: 0 0 20px 10px; }

.r1c { color: #DE6641; font-size: 24px; padding-right: 12px; }

.reason-1 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#DE6641; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-1 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}
	
.reason-1 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-1:hover { /* 変化後の色 */ background: #E60012; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}



.reason-box2 { border-left: 15px solid #E8AC51; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box2 h2 { border-bottom: 1px dotted #E8AC51; padding: 0 0 20px 10px; }

.r2c { color: #E8AC51; font-size: 24px; padding-right: 12px; }

.reason-2 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#E8AC51; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-2 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}

.reason-2 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-2:hover { /* 変化後の色 */ background: #F39800; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}


.reason-box3 { border-left: 15px solid #F2E55C; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box3 h2 { border-bottom: 1px dotted #F2E55C; padding: 0 0 20px 10px; }
.r3c { color: #F2E55C; font-size: 24px; padding-right: 12px; }


.reason-3 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#F2E55C; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-3 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}
	
.reason-3 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-3:hover { /* 変化後の色 */ background: #FFF100; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}


.reason-box4 { border-left: 15px solid #39A869; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box4 h2 { border-bottom: 1px dotted #39A869; padding: 0 0 20px 10px; }
.r4c { color: #39A869; font-size: 24px; padding-right: 12px; }


.reason-4 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#39A869; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-4 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}
	
.reason-4 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-4:hover { /* 変化後の色 */ background: #009944; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}


.reason-box5 { border-left: 15px solid #4784BF; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box5 h2 { border-bottom: 1px dotted #4784BF; padding: 0 0 20px 10px; }
.r5c { color: #4784BF; font-size: 24px; padding-right: 12px; }


.reason-5 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#4784BF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-5 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}
	
.reason-5 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-5:hover { /* 変化後の色 */ background: #0068B7; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}


.reason-box6 { border-left: 15px solid #5D5099; padding: 15px 15px 20px 10px ; min-height: 210px }
.reason-box6 h2 { border-bottom: 1px dotted #5D5099; padding: 0 0 20px 10px; }
.r6c { color: #5D5099; font-size: 24px; padding-right: 12px; }


.reason-6 { width:155px; height:155px; margin-right: 8px; /* 背景色 */ background-color:#5D5099; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; float: left;}

.reason-6 { box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -webkit-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px; -moz-box-shadow: rgba(113,135,164,.65098) 0 0 6px 2px;}
	
.reason-6 {　/* ゆっくりと変化(1.0秒間) */ transition:1.0s; -moz-transition:1.0s; -webkit-transition:1.0s;}

.reason-6:hover { /* 変化後の色 */ background: #1D2088; /* 回転させる */ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}


img.reason {
	float: left;
	margin: 10px;
}

.no-underline, .no-underline:hover {
	text-decoration: none;
}



p.footer-point {
	padding: 10px;
	text-align: center;
	background-color: #9E0030;
	color: #fff;
	font-size: 1.3em;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.tophr {
	margin-top: 30px;
	margin-bottom: 30px;
	height: 1px;
	color: #ddd;
}