@charset "utf-8";

/*
	Theme Name: テーマの名前
	Description: テーマの説明
	Theme URI: サイトのURL
	Author: 製作者
	Author URI: http://free-web-hope.com.com/
	Version: 1.0.1
*/

/****************************************

	/* CSS3 Media Queries

*****************************************/

/* タブレット+PCに適応
@media screen and (min-width: 480px) {
}
--------------------- */

/* PCのみに適応
@media screen and (min-width: 768px) {
}
--------------------- */

/****************************************

	/* CSS Reset

*****************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}

input, select, textarea, img {
    vertical-align:middle;
}

ul, dl, ol {
	list-style: none;
}

/****************************************

	共通設定

*****************************************/

/* Common
--------------------- */

body {
	font-family: Meiryo, sans-serif;
	font-size: 15px;
	color: #313030;
	line-height: 1.6;
	background: url("http://musenka.com/bluetooth/images/***.png") #fff;
	min-width: 960px;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

img, video, object {
	/*max-width: 100%;*/
	height: auto;
	vertical-align: bottom;
	border: none;
}

.wrap {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Clearfix
--------------------- */

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#32cd32; /* Safari */
}

::-moz-selection {
	background:#32cd32; /* Firefox */
}

/* header
--------------------- */

#lp_header {
	padding: 30px 0 0;
}

#lp_header .wrap {
	overflow: hidden;
}

#lp_header .wrap .right {
	width: 520px;
}

#lp_header .wrap .left {
	width: 270px;
}

#lp_header .wrap ul {
	overflow: hidden;
}

#lp_header .wrap li.right {
	overflow: hidden;
}

#lp_header .wrap li.right .right {
	width: 245px;
}

#lp_header .wrap li.right .left {
	font-size: 17px;
	margin: 13px 0 0;
	color: #ff8000;
	font-weight: bold;
}

/* key_v
--------------------------*/

#lp_key_v {
	background: url(images/key_v_bg_base.png) repeat-x;
	margin: 20px 0 0;
	box-shadow: 0 4px 4px 0 #CCCCCC;
}

#lp_key_v .wrap {
	background: url("images/key_v_bg.png") center bottom no-repeat;
	height: 480px;
}

#lp_key_v .wrap ul {
	overflow: hidden;
	width: 650px;
	padding: 10px 10px 10px;
}

#lp_key_v .wrap ul li {
	width: 315px;
	height: 140px;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	text-align: center;
	background: #189718;
	border: 1px solid #4ae54a;
	box-shadow: 0 0 2px 2px #156c15;
}

#lp_key_v .wrap ul li p {
	margin: 19px 0 0;
}

#lp_key_v .wrap ul li p span {
	font-size: 27px;
}
	

#lp_key_v .wrap h1 {
	padding: 30px 0 0;
}

/* section1
-------------------- */

#lp_section1 .wrap {
	overflow: hidden;
	padding: 0 0 70px;
}

#lp_section1 .wrap {
	width: 925px;
	margin: 30px auto 0;
}

#lp_section1 .wrap li a {
	display: block;
	width: 450px;
	height: 186px;
	background: url("images/sec1_button_bg.png") no-repeat;	
	text-decoration: none;
}


#lp_section1 .wrap li .left {
	margin: 12px 0 0 12px;
}

#lp_section1 .wrap li .right {
	color: #fff;
	font-size: 18px;
	width: 268px;
	margin: 10px 0 0;
}

#lp_section1 .wrap li .right p {
	font-weight: bold;
	line-height: 1.6;
}

#lp_section1 .wrap li .right h2 {
	font-size: 25px;
	border-bottom: 3px solid #fff;
	width: 235px;
	text-decoration: none;
	color: #fff;
	padding: 1px 0 0;
}

#lp_section1 .wrap li .right h2 i {
	font-size: 35px;
	vertical-align: middle;
}

#lp_section1 .wrap li a:hover {
	background: url(images/sec1_button_bg_on.png) no-repeat;
	cursor: pointer;
	padding: 5px 0 0;
	margin: 0 0 -5px;
}

/* section2
--------------------- */
#lp_section2 {
	background: url(images/sec2_line_bg.png) top repeat-x;
	margin-top: 50px;
}

#lp_section2 h1 {
	text-align: center;
	padding: 85px 0 50px;
}

#lp_section2 h2 {
	padding: 23px 0;
	font-size: 22px;
	color: #e67e22;
	background: #ffe8d4;
}

#lp_section2 h2 span {
	display: block;
	background: url(images/sec2_q_icon.png) no-repeat center left;
	padding: 0 0 0 55px;
	width: 905px;
}

#lp_section2 h3 {
	color: #189718;
	font-size: 18px;
	margin: 10px 0 0;
}

#lp_section2 h3 span {
	font-size: 25px;
	color: #32cd32;
}

#lp_section2 ul li {
	margin: 0 0 50px;
}

#lp_section2 ul li p {
	font-weight: bold;
}

#lp_section2 ul li div ul {
	margin: 10px auto 0;
	overflow: hidden;
	width: 900px;
}

#lp_section2 ul li div ul li.left {
	width: 415px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 2;
}

#lp_section2 ul li div ul li.right {
	margin: 0 75px 0 0;
}

#lp_section2 ul li .wrap p {
	margin: 10px 0 20px 35px;
	font-size: 16px;
}

#lp_section2 ul li .wrap div {
	text-align: center;
}

/* section3
--------------------- */
#lp_section3 {
	background: url(images/sec2_line_bg.png) top repeat-x;
	padding: 0 0 20px
}

#lp_section3 h1 {
	padding: 80px 0 0;
	text-align: center;
}

#lp_section3 ul {
	overflow: hidden;
	margin: 40px auto 0;
}

#lp_section3 ul li {
	width: 290px;
	height: 231px;
	background: url(images/sec3_base.png) no-repeat;
	float: left;
	margin: 0 15px;
}

#lp_section3 ul li h2 {
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-shadow: -1px -1px 0 #3a9111;
	margin: 10px 0 0;
}

#lp_section3 ul li p {
	width: 245px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 17px;
	padding: 10px 0 0;
}

#lp_section3 ul li p span {
	color: #ff7800;
}

/* section4
--------------------- */
#lp_section4 {
	background: #f6f5ee;
	padding: 0 0 40px;
}

#lp_section4 .bg {
	background: url(images/sec4_bg_base_bottom.png) repeat-x bottom;
}

#lp_section4 .wrap {
	background: url(images/sec4_bg_bottom.png) no-repeat center bottom;
}

#lp_section4 h1 {
	height: 135px;
	background: #32cd32;
	text-align: center;
	line-height: 110px;
	box-shadow: 0 4px 4px 0 #CCCCCC;
}

#lp_section4 .text {
	background: url(images/sec4_pesonal.png) no-repeat;
	height: 416px;
	padding: 0 0 0 370px;
	width: 560px;
	margin: 30px auto 0;
}

#lp_section4 .text h2 {
	padding: 10px 0 0;
}

#lp_section4 .text dl {
	color: #8d8c84;
	margin: 15px 0 0;
	font-weight: bold;
}

#lp_section4 .text p {
	margin: 10px 0 0;
	width: 550px;
	line-height: 2;
}

#lp_section4 .area {
	background: url(images/sec4_area_bg.png) no-repeat;
	width: 904px;
	height: 195px;
}

#lp_section4 .area p {
	padding: 15px 0 0 277px;
    width: 600px;
	color: #8d8c84;
	font-weight: bold;
	margin: 40px 0 0;
}

#lp_section4 .button {
	padding: 0 0 0 280px;
}

#lp_section4 .button h3 {
	font-size: 35px;
	line-height: 1.4;
	margin: 0 0 20px;
}

#lp_section4 .button h3 span {
	color: #e67e22;
}

#lp_section4 .button div {
	padding: 0 0 0 20px;
}

/* section5
--------------------- */
#lp_section5 {
	padding: 0 0 50px;
}

#lp_section5 h1{
	background: #32cd32;
	height: 135px;
	line-height: 115px;
	text-align: center;
	box-shadow: 0 4px 4px 0 #CCCCCC;
}

#lp_section5 .wrap {
	margin: 25px auto 0;
}

#lp_section5 .wrap ul {
	overflow: hidden;
	margin: 0 0 20px;
}

#lp_section5 .wrap ul .top_left {
	width: 355px;
	height: 395px;
	background: url(images/sec5_pic1.png) no-repeat center top;
	float: left;
}

#lp_section5 .wrap ul .top_left h2 {
	font-size: 25px;
	color: #fff;
	text-align: center;
	margin: 7px 0 0;
}

#lp_section5 .wrap ul .top_left p {
	margin: 234px 0 0 50px;
}

#lp_section5 .wrap ul .top_right {
	width: 565px;
	background: #f8f7f0;
	border: 1px solid #edece2;
	padding: 10px 15px 20px;
	line-height: 1.7;
	float: right;
}

#lp_section5 .wrap ul .top_right h2 {
	font-size: 22px;
	color: #e67e22;
	background: url(images/sec5_h2_bg.png) no-repeat center left;
	height: 30px;
	padding: 0 0 0 30px;
	margin: 10px 0 0;
}

#lp_section5 .wrap ul .top_right p {
	color: #313030;
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0 0;
}

#lp_section5 .wrap h3 {
	font-size: 23px;
	color: #e67e22;
	margin: 0 0 10px;
}

#lp_section5 .wrap h3 i {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	background: url(images/sec2_q_icon.png) no-repeat;
	padding: 0 0 0 15px;
}

#lp_section5 .wrap table {
	margin: 0 0 30px;
}

#lp_section5 .wrap table th {
	font-size: 30px;
	font-weight: bold;
	color: #32cd32;
	line-height: 1;
	padding: 0 0 0 10px;
}

#lp_section5 .wrap table td {
	padding: 0 0 0 10px;
	vertical-align: middle;
}

#lp_section5 .wrap ul.bottom {
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0;
	border-top: 1px solid #46d246;
}

#lp_section5 .wrap ul.bottom li {
	width: 470px;
	margin: 0 auto;
	height: auto;
}

#lp_section5 .wrap ul.bottom li.left .pic {
	width: 365px;
	height: 298px;
	background: url(images/sec5_pic2.png) no-repeat;
	margin: 0 auto;
}

#lp_section5 .wrap ul.bottom li.right {
}

#lp_section5 .wrap ul.bottom li.right .pic {
	width: 365px;
	height: 298px;
	background: url(images/sec5_pic3.png) no-repeat;
	margin: 0 auto;
}

#lp_section5 .wrap ul.bottom li .pic h2 {
	text-align: center;
	color: #fff;
	font-size: 25px;
	padding: 7px 0 0;
	width: 339px;
}

#lp_section5 .wrap ul.bottom li .box {
	background: #f8f7f0;
	width: 435px;
	height: 255px;
	padding: 10px 10px 10px 10px;
}

#lp_section5 .wrap ul.bottom li .box h3 {
	background: url(images/sec5_h2_bg.png) no-repeat center left;
	font-size: 22px;
	color: #e67e22;
	padding: 0px 0 0 45px;
}

#lp_section5 .wrap ul.bottom li .box p {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
}
	
/* section6
--------------------- */

#lp_section6 {
	padding: 0 0 60px;
}

#lp_section6 h2{
	background: #32cd32;
	height: 135px;
	line-height: 110px;
	text-align: center;
	box-shadow: 0 4px 4px 0 #CCCCCC;
	margin: 0 0 50px;
}

#lp_section6 .wrap {
	margin: 0 auto 0;
}

#lp_section6 .wrap ul {
	overflow: hidden;
	margin: 30px 0 0;
}

#lp_section6 .wrap ul li {
	padding: 15px 10px 10px;
	position: relative;
}

#lp_section6 .wrap ul li h3 {
	font-size: 24px;
	color: #fff;
	padding: 30px 25px 25px 25px;
	border: 5px solid #fff;
	box-shadow: 0 4px 4px 0 #CCCCCC;
	text-shadow: 1px 1px 0 #d99842;
	background: #ffc24d;
}

#lp_section6 .wrap ul li.list3 h3 {
	padding: 30px 40px 25px 40px;
}

#lp_section6 .wrap ul li.list4 h3 {
	padding: 30px 105px 25px 105px;
}

#lp_section6 .wrap ul li.list5 h3 {
	padding: 30px 30px 25px 30px;
}

#lp_section6 .wrap ul li.list6 h3 {
	padding: 30px 70px 25px 70px;
}

#lp_section6 .wrap ul li h3 span {
	background: url(images/sec6_text_bg.png) no-repeat right -6px;
	padding: 0 45px 0 0;
}

#lp_section6 .wrap ul li p {
    background: none repeat scroll 0 0 #ff9c00;
    box-shadow: 0px 2px 2px 0 #e89d30;
    color: #ffffff;
    font-size: 18pt;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 10px 0 7px 15px;
    position: absolute;
    top: 0;
    width: 110px;
	font-weight: bold;
	text-shadow: -1px -1px 0 #ca6614;
}
#lp_section6 .wrap ul li p:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #ca6614;
}
#lp_section6 .wrap ul li p:after {
    left: 0;
    border-right: 5px solid #ca6614;
}
#lp_section6 .wrap ul li p:before {
    right: 0;
    border-left: 5px solid #ca6614;
}

/* section7
--------------------- */

#lp_section7 {
	background: url(images/sec2_line_bg.png) repeat-x top;
	text-align: center;
	padding: 0 0 20px;
}

#lp_section7 h1 {
	padding: 90px 0 0;
}

#lp_section7 .wrap div {
	margin: 40px 0 0;
}

#lp_section7 .wrap p {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 0;
}

#lp_section7 .wrap p span {
	color: #e67e22;
}

#lp_section7 .wrap ul li ul {
	overflow: hidden;
	width: 610px;
	margin: 15px auto 0;
}

#lp_section7 h2 {
	clear: both;
	font-size: 35px;
	line-height: 1.4;
	margin: 30px 0 0;
}

#lp_section7 h2 span {
	color: #32cd32;
}

/* section8
--------------------- */

#lp_section8 {
	background: url(images/section8_bg_base.png) bottom repeat-x;
}

#lp_section8 .wrap {
	background: url(images/section8_bg.png) no-repeat bottom;
	padding: 0 0 130px;
}

#lp_section8 .box {
	background: #f6f5ee;
	padding: 20px 0 40px
}

#lp_section8 .box ul.wrap {
	padding: 20px 0;
	overflow: hidden;
	width: 925px;
	background: none;
}

#lp_section8 .box div{
	text-align: center;
}

#lp_section8 .wrap h1 {
	font-size: 35px;
	text-align: center;
	margin: 35px 0 0;
}

#lp_section8 .wrap h2 {
	font-size: 55px;
	text-align: center;
	margin: 10px 0 0;
}

#lp_section8 .wrap h1 span,
#lp_section8 .wrap h2 span {
	color: #32cd32;
}

#lp_section8 .wrap p {
	font-size: 27px;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	margin: 25px 0 0;
}

#lp_section8 .wrap h3 {
	font-size: 40px;
	text-align: center;
	margin: 5px 0 0;
}




	


/* Pagetop
--------------------- */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#page-top a {
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background: rgba(0,0,0,0.50);
	padding: 5px 10px;
	border-radius: 20px;
}

#page-top a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.75);
}

/****************************************

	メールフォーム パーツ

*****************************************/

form input[type="text"] {
	border: 1px solid #aaa;
	border-radius: 5px;
    -webkit-appearance: none;
}


form textarea {
	border: 1px solid #aaa;
	border-radius: 5px;
    -webkit-appearance: none;
}