@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

* {box-sizing: border-box;margin:0;padding: 0}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:15px;line-height:1.7;background-color:#fff;width:100%;min-width:960px;}
.clear {clear:both;}
a {text-decoration:none;}

input[type="text"],input[type="email"],input[type="phone"] {width:100%;-webkit-appearance:none;border:1px solid #ddd;padding:5px;font-size:16px;}
textarea {width:100%;-webkit-appearance:none;border:1px solid #ddd;padding:5px;font-size:16px;}

img {max-width:100%;height:auto;}

/*

HEADER

*/

.header {border-top:5px solid #db1414;width:100%;}
.header .header_box {width:960px;margin:0 auto;}
.header .header_box .logo {float:left;width:242px;height:67px;margin:30px 0 0;text-align:left;color:#777;line-height: 1.0;}
.header .header_box .right {float:right;width:370px;margin:15px 0 0;}
.header .header_box .right .description {margin:0 0 15px;font-size:14px;color:#555;font-weight:bold;}
.header .header_box .right .contact {width:140px;float:left;height:42px;text-align:right;font-weight:bold;color:#fff;padding:5px 0 0;}
.header .header_box .right .contact img {width:50px;}
.header .header_box .right .info {float:right;width:210px;line-height:1.0;}
.header .header_box .right .info .phone {font-size:36px;font-family:Impact;font-weight:bold;margin:3px 0 6px;}
.header .header_box .right .info .time {font-size:12px;font-weight:bold;}

.menu {width:100%;margin:30px 0 0;border-bottom:5px solid #ddd;line-height:1.0;}
.menu ul {width:960px;margin:0 auto;}
.menu ul li {float:left;width:160px;text-align:center;font-weight:bold;}
.menu ul li a {display:block;padding:20px 0;color:#434343;position:relative;}
.menu ul li.select a {color:#db1414;}
.menu ul li.select a:before {position:absolute;left:0;bottom:-5px;width:100%;content:"";height:1px;border-bottom:5px solid #db1414;}
.menu ul li a:hover:before {position:absolute;left:0;bottom:-5px;width:100%;content:"";height:1px;border-bottom:5px solid #db1414;}
.menu ul li a:hover {color:#db1414;}


/*

CONTENT

*/

.content {width:960px;margin:0 auto;padding:0 0 60px;}
.content .main_image {width:960px;height:500px;overflow:hidden;margin:20px 0 0;}
.content .main_description {margin:0 0 20px;font-weight:bold;font-size:17px;border-top:2px solid #db1414;border-bottom:2px solid #db1414;padding:20px 0;text-align:center;background-color:#fff6ee;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.content .main_description span {font-size:28px;color:#db1414;}


/*

MAIN

*/

.main {width:720px;float:left;margin:20px 0;}
.main h1 {font-size:28px;font-weight:bold;margin:30px 0 10px;padding:4px 0;border-bottom:5px solid #ccc;line-height:1.0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.main h1 span {position:relative;padding:15px 0;}
.main h1 span:after {position:absolute;left:0;bottom:10px;content:"";width:100%;border-bottom:5px solid #db1414;}
.main h2 {font-size:28px;font-weight:bold;margin:30px 0 10px;padding:4px 0;border-bottom:5px solid #ccc;line-height:1.0;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.main h2 span {position:relative;padding:15px 0;}
.main h2 span:after {position:absolute;left:0;bottom:10px;content:"";width:100%;border-bottom:5px solid #db1414;}

.main .step {position:relative;height:60px;padding:15px 0 0 75px;margin:15px 0;border:1px solid #ddd;font-size:18px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.main .step .number {position:absolute;font-size:36px;text-align:center;line-height:1.0;left:10px;top:10px;padding:3px 0 0;width:50px;height:40px;background-color:#db1414;color:#fff;}

/*

COMPANY

*/
table {margin:20px 0;width: 100%;border: 3px solid #f44e4e;border-collapse: collapse;}
table tr th {padding:15px 30px;border-bottom: 1px solid #f44e4e;background-color:#ffcece;}
table tr td {padding:15px;border-bottom: 1px solid #f44e4e;}

/*

PROFILE

*/

.profile {margin:20px 0;}
.profile p {margin:0 0 15px;}
.profile .image {float:left;width:250px;}
.profile .image img {width:100%;height:auto;}
.profile .content {float:right;width:430px;}
.profile .content .name {margin:0 0 15px;font-size:19px;font-weight: bold;}


/*

CONTACT

*/

.contact_button {background-color:#555;margin:0 auto;margin-top:20px;color:#fff;width:300px;text-align:center;padding:12px 0;cursor:pointer;}
.contact_message {margin:20px;padding:20px 0;border-top:1px solid #ddd;}

/*

SUB

*/

.side {width:220px;float:right;margin:20px 0;font-size:13px;}
.side p {margin:0 10px 20px;}

.side .mailmagazine {border:1px solid #ddd;padding:10px;margin:0 0 20px;}
.side .mailmagazine p {margin:0 0 5px;}
.side .mailmagazine h3 {font-weight:bold;margin:0 0 10px;text-align:center;}



/*

FOOTER

*/

.footer {border-top:5px solid #db1414;background-color:#fff2f2;width:100%;}
.footer .footer_content {width:960px;margin:0 auto;padding:40px 0;font-size:13px;}
.footer .footer_content .left {float:left;width:400px;}
.footer .footer_content .left p {margin:0 0 10px;}
.footer .footer_content .right {float:right;width:300px;}
.footer .footer_content .right ul li {margin:5px;}
.footer .footer_content .right ul li a {color:#555;}



.em {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}