@charset "utf-8";
/* CSS Document */

html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object {
	margin: 0;
	padding: 0;
}
body {
	font-size: 1.6rem;
	font-size: 16px;
	color: #333;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
}
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
}
a {
	color: #333;
}
a img:hover {
	opacity: 0.7;
}
img {
	max-width: 100%;
	height: auto;
	width : auto;
	border: none;
	vertical-align: bottom;
}
.t_large {
	font-weight: bold;
}
.t_red {
	color: #f00;
}
.t_red a {
	color: #f00;
	text-decoration: underline;
}
a.t_red {
	color: #f00;
	text-decoration: underline;
}
.t_or {
	color: #f77a1e;
}
.winter {
	color: #36a3d5;
}
.fall {
	color: #d53660 ;
}
.summer {
	color: #ffff33;
}
#page .t_small {
	font-weight: normal;
}
#main_area h2 {
	background: none!important;
	margin: 0!important;
	padding: 0!important;
}

/*--------------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*------------------------------------------------------------
	アコーディオンメニュー
------------------------------------------------------------*/

.acd-menu dt {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
	font-size: 2.0rem;
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    padding: 0 30px 0 50px;
    position: relative;
}
.acd-menu dt + dd {
	margin: 10px 0 0;
}
.acd-menu dd {
    line-height: 1.7;
    list-style: outside none none;
    padding: 8px;
}
.acd-menu dd a {
    background-color: #f4f4f4;
    border-bottom: 2px solid #999;
    color: #333;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    position: relative;
}
.acd-menu dd a::before {
	font-family: 'icomoon',sans-serif;
	content: "\e052";
	position: absolute;
	top: 0px;
	right: 10px;
}
.acd-menu dt::before {
	font-family: 'icomoon',sans-serif;
	content: "\e040";
	position: absolute;
	top: -1px;
	right: 10px;
	color: #333;
	font-size: 20px;
}
.acd-menu .open::before {
	font-family: 'icomoon',sans-serif;
	content: "\e041";
	position: absolute;
	top: -1px;
	right: 10px;
	color: #333;
	font-size: 20px;
}
.acd-menu dt::after {
	font-family: 'icomoon',sans-serif;
	content: "\e046";
	position: absolute;
	top: -1px;
	left: 10px;
	color: #333;
	font-size: 20px;
}
.acd-menu dd ul li a::before {
	font-family: 'icomoon',sans-serif;
	content: "\e052";
	position: absolute;
	top: 0px;
	right: 10px;
}
.acd-menu dd ul li {
	list-style: none;
	padding: 4px;
	line-height: 1.7;
	font-size: 12px;
}
.acd-menu dd ul li a {
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 30px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color:#333;
}





.acd-menu02 dl {
	margin-bottom: 20px;
}
.acd-menu02 dt {
    background-color: #fff;
	border-left: solid 10px #00aeef;
    color: #333;
    cursor: pointer;
	font-size: 2.0rem;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    padding: 0 30px 0 10px;
    position: relative;
}
.acd-menu02 dt + dd {
	margin: 0;
	font-size: 14px;
}
.acd-menu02 dd {
    line-height: 1.8;
    list-style: outside none none;
    padding: 8px;
}
.acd-menu02 dd a {
    background-color: #f4f4f4;
    border-bottom: 2px solid #999;
    color: #333;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    position: relative;
}
/*.acd-menu02 dd a::before {
	font-family: 'icomoon',sans-serif;
	content: "\e052";
	position: absolute;
	top: 0px;
	right: 10px;
}*/
/*.acd-menu02 dt::before {
	font-family: 'icomoon',sans-serif;
	content: "\e040";
	position: absolute;
	top: -1px;
	right: 10px;
	color: #333;
	font-size: 20px;
}*/
/*.acd-menu02 .open::before {
	font-family: 'icomoon',sans-serif;
	content: "\e041";
	position: absolute;
	top: -1px;
	right: 10px;
	color: #333;
	font-size: 20px;
}*/
/*.acd-menu02 dt::after {
	font-family: 'icomoon',sans-serif;
	content: "\e046";
	position: absolute;
	top: -1px;
	left: 10px;
	color: #333;
	font-size: 20px;
}*/
/*.acd-menu02 dd ul li a::before {
	font-family: 'icomoon',sans-serif;
	content: "\e052";
	position: absolute;
	top: 0px;
	right: 10px;
}*/
.acd-menu02 dd ul li {
	list-style: none;
	padding: 4px;
	line-height: 1.7;
}
.acd-menu02 dd ul li a {
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 30px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color:#333;
}

.acd-menu03 dt {
	border-left: solid 10px #00aeef;
	border-bottom: dashed 1px #00aeef;
}


/*------------------------------------------------------------
	アイコンフォントver02
------------------------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-wsd0r3');
	src:url('fonts/icomoon.eot?#iefix-wsd0r3') format('embedded-opentype'),
		url('fonts/icomoon.woff?-wsd0r3') format('woff'),
		url('fonts/icomoon.ttf?-wsd0r3') format('truetype'),
		url('fonts/icomoon.svg?-wsd0r3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-circle-plus:before {
	content: "\e040";
}

.icon-circle-minus:before {
	content: "\e041";
}

.icon-square-check:before {
	content: "\e046";
}

.icon-record:before {
	content: "\e049";
}

.icon-play:before {
	content: "\e052";
}

.icon-arrow-up:before {
	content: "\e096";
}

.icon-arrow-down:before {
	content: "\e097";
}

.icon-menu:before {
	content: "\e120";
}

/*------------------------------------------------------------
	メーカー・地域の切り替えタブ
------------------------------------------------------------*/

#tabs_p li, #tabs_s li {
	list-style: none;
}
#tabs_p li a, #tabs_s li a {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #333;
    display: block;
    float: left;
    font-size: 1.8rem;
	font-size: 18px;
    padding: 1.5% 5%;
    text-align: center;
    text-decoration: none;
    width: 50%;
}
#tabs_p li a:hover, #tabs_s li a:hover { 
	background: #fefefe; 
}
#tabs_p li:first-child a, #tabs_s li:first-child a {
    background-color: #00aeef;
    border-bottom: 1px solid #333;
    border-left: 0 none;
    color: #fff;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	box-sizing: border-box;
}
#tabs_p li:last-child a, #tabs_s li:last-child a {
    background-color: #00aeef;
    border-bottom: 1px solid #333;
    border-right: 0 none;
    color: #fff;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	box-sizing: border-box;
}
#tabs_p li.current a, #tabs_s li.current a {
    background: #fff none repeat scroll 0 0;
    border-color: #333 #333 -moz-use-text-color;
    border-style: solid solid none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px 1px medium;
	box-sizing: border-box;
    color: #333;
}
#tabs_p li.current #home, #tabs_s li.current #home {
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	border-top: solid 1px #333;
	background-color: #fff;
	box-sizing: border-box;
}
#content > div {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    box-sizing: border-box;
    clear: both;
    display: none;
    line-height: 19px;
    padding: 40px;
}
#content .current { 
	display: block; 
}
#content #home.first { 
	display: block; 
}
#content ul li {
    float: left;
    list-style: outside none none;
    margin: 0 10px 10px 0;
}
#content a {
    background-color: #ff6c00;
    border: 1px solid #ccc;
    border-radius: 6px;
    display: block;
    padding: 10px;
    text-decoration: none;
}
#content a:hover {
	color: #fff;
	background-color: #cc5600;
	transition-property: all;
    transition: 0.5s linear;
}
#top_page .top .bana_info ul {
	margin: 0 0 0 -20px;
}
.bana_info ul {
	overflow: hidden;
}
.bana_info ul li {
	list-style: outside none none;
    margin: 20px 0 0 20px;
	float: left;
}
.breadcrumb {
    color: #666;
    font-size: 77%;
    list-style-type: none;
    padding: 15px 0 60px;
    text-align: left;
	line-height: 1;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li a {
	color: #00aeef;
}

/*------------------------------------------------------------
	タブ
------------------------------------------------------------*/

#page #tab li a {
    color: #333333;
    font-weight: normal;
    text-decoration: underline;
}
#page.kataban #tab li a {
    font-weight: normal;
}
#page #tab li:active {
 text-decoration:underline;
 background: #eee;
}
#page .naiyou {
	clear: both;
	overflow: hidden;
}
#page h4 {
	font-size: 25px;
	font-size: 2.5rem;
	margin: 15px 0;
	color: #fbfdfe;
}
#page.ipad h4 {
	font-size: 23px;
	font-size: 2.3rem;
	margin: 15px 0!important;
	color: #333;
	font-weight: normal;
	text-align: center;
}
#page .naiyou p, .inner_list dt, .inner_list dd {
	margin: 10px 0;
}
#page .naiyou .smalltext {
	font-size: 12px;
}
#page .rest {
	margin-top: 1.5%;
}
.gazou_chuuou {
	text-align: center;
}
#page.cont_serve .gazou_chuuou {
	margin: 40px 0!important;
}
.bana_chuuou {
    float: none !important;
    margin: 50px 8px 30px !important;
    text-align: center;
}
.product {
	margin: 20px 0 0 0;
}
.product ul#tab {
	margin: 0 -3% 0 0;
}
.kataban .product ul#tab {
	margin: 0 0 0 -8px;
}
.product ul#tab li a img {
	margin: 6% 0 0 0;
}
.product ul#tab li {
    list-style: outside none none;
}
.koshou ul {
    background-color: #feeac5;
    background-image: url(../images/trouble.gif);
    background-position: 16px center;
    background-repeat: no-repeat;
    float: right;
    font-size: 16px;
    list-style-type: none;
    padding: 20px 20px 20px 100px;
	width: 390px;
	margin: 0 0 20px 0;
	border-top: 5px solid #fbb22b;
}
.koshou + p {
	margin: 20px 0 0;
}
.maker_setumei {
	margin: 20px 0 0 0; 
}
.maker_setumei dt {
	background-color: #fff;
	border: solid 1px #00aeef;
	padding: 5px;
	margin: 0 0 20px;
}
.inner_box {
	background-color: #00aeef;
	color: #fff;
	padding: 3px 0 3px 20px;
	display: block;
}
.maker_setumei dd{
	margin: 0 0 8px 0;
}
.truck {
	background-image: url(../images/icon_touchaku.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.truck dd {
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.jirei {
    height: 500px;
    overflow: auto;
}
.jirei dl {
	padding: 15px 0;
	border-bottom: solid 1px #c4c4c4;
}
.maker_setumei a {
    color: #f00;
    display: block;
    margin: 20px 0;
    text-decoration: underline;
}
.area p a {
    color: #f00;
    display: block;
    margin: 20px 0;
    text-decoration: underline;
}
section.field {
	margin: 40px 0 0;
}
div.product + section.field {
	margin: 0;
}
#page div.product + section.field h4 {
	margin: 0 0 30px;
}
page div.product + section.field h3 {
	margin: 0 0 30px;
}
section.field div:last-child {
	border: none;
	padding: 0;
}
#page h3.left_orangena, #page h4.left_orangena {
	margin: 15px 0 30px;
	background: #f3f4f6 url(../images/midashi_mark.png) no-repeat scroll 10px center;
    color: #333;
    font-size: 20px;
    font-weight: normal;
    line-height: 2.4;
    padding: 0 0 0 33px;
	border-left: solid 3px #ff6c00;
}
#page .inner_case {
    list-style: outside none disc;
    margin: 0 0 20px;
    padding: 0;
}
#page ul.inner_case {
    padding: 0 0 0 16px;
    width: 94% !important;
}
#page .inner_case dt {
    float: left;
    margin: 0 20px 0 0;
}
#page .inner_case dd {
	color: #f77a1e;
	padding: 0;
	margin: 0 0 2px 0;
	font-weight: bold;
}

#page .inner_case2 {
    list-style: outside none disc;
    margin: 30px 0 0 0;
    padding: 0;
}
#page ul.inner_case2 {
    padding: 0 0 0 16px;
    width: 94% !important;
}
#page .inner_case2 dt {
    float: left;
    margin: 0 20px 0 0;
}
#page .inner_case2 dd {
	color: #f77a1e;
	padding: 0;
	margin: 0 0 2px 0;
	font-weight: bold;

	
}
#page.kataban .inner_case p {
	margin: 0 0 20px;
}
#page.kataban .inner_case p.gazou_chuuou {
	margin: 0 0 40px 0;
}
table caption {
	margin: 0 0 8px;
	text-align: left;
}
.wakusen dl dt {
	font-weight: bold;
	margin: 15px 0 15px 0;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
}
.before_after dt {
	font-weight: bold;
	margin: 10px 0 10px 0;
	text-align: center;
}
.wakusen dl dd {
	margin: 0 0 5px 0;
}
.wakusen dl dd ul {
	margin: 20px 0;
}
.wakusen ul li, .inner_list ul li {
	list-style: inside disc;
}

/*------------------------------------------------------------
	修理依頼の流れ
------------------------------------------------------------*/

.flow .wakusen dt {
    background: rgba(0, 0, 0, 0) url(../images/fukidashi_02.png) no-repeat scroll left top;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    height: 75px;
    line-height: 50px;
    margin: 0 0 10px;
    opacity: 0.9;
    padding: 0 0 0 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.text_wakusen {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff;
}
.text_wakusen_bk {
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, 1px 1px 0 #333, -1px 1px 0 #333;
}
.flow .wakusen .flush img {
    float: right;
    margin: 19px 10px 0;
}
.flow .wakusen ol {
    margin-top: 19px;
	font-size: 18px;
	font-size: 1.8rem;
}
.flow .fork_r {
    float: left;
}
.flow .fork_l {
    float: right;
}
.flow .fork_l .wakusen dt {
    background-image: url(../images/fukidashi_05.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.flow .fork_r .wakusen dt {
    background-image: url(../images/fukidashi_06.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.flow .center {
    margin: 19px 0 0;
    text-align: center;
}
.flow .fork_r .wakusen, .flow .fork_l .wakusen {
    margin: 19px 0 0;
    width: 286px;
}
.flow .product ol li {
	list-style: outside none none;
}

/*------------------------------------------------------------
	よくある質問/キャンペーンページ
------------------------------------------------------------*/

#page .wall_paper.q_a div {
	background: url(../images/answer.png) no-repeat 13px 13px;
	background-color: #f9f9f9;
	padding: 38px 10px 10px;
	border-radius: 6px;
	border: 1px solid #cccccc;
}
#page.terms .wall_paper.q_a div {
	background: none;
	background-color: #f9f9f9;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #cccccc;
}
.terms .bottom_space {
	margin: 0 0 20px 0;
	text-align: center;
}

/*------------------------------------------------------------
	スライダー
------------------------------------------------------------*/

#showcase {
width: 100%;
position:relative;
overflow:hidden;
}
#showcase ul {
display:block;
width:500%;
margin:0px;
padding:0px;
}
#showcase ul li{
float: left;
width:20%;
list-style-type: none;
}
ul.landscape{
position: relative;
left: 0px; 
top: 0px;
}
#interface {
	width: 980px;
	margin: 0 auto;
}

/*----- インジケーターの設定 -----*/

#interface .pointer {
text-align: center;
padding: 10px 0;
overflow: hidden;
}
#interface .pointer span {
display: inline-block;
width: 10px;
height: 10px;
margin:7px;
border-radius: 8px;
border: 1px solid #000;
}
#interface .pointer span.current {
background: #f77a1e;
}

/*----- next / prev ボタン -----*/

#interface .prev {
padding:5px;
border: 1px solid #000;
border-radius: 3px;
float:left;
}
#interface .next {
padding:5px;
border: 1px solid #000;
border-radius: 3px;
float:right;
}
.testone {
	font-size: 36px;
	line-height: 5px;
	padding: 0px;
	margin: 20px 0px 0px;
}

/*------------------------------------------------------------
	学割
------------------------------------------------------------*/

#page.bunkai .title_word.info_list dt {
	background: none;
	padding: 0;
	line-height: 1;
	text-align: center;
}
#page.bunkai .title_word dt, #page.gakuwari .title_word dt {
    background: url(../images/mark_01.png) no-repeat scroll left center;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 0 88px;
	line-height: 39px;
}
#page.cont_serve .title_word {
	margin: 0 0 40px 0;
}
#page.cont_serve .title_word dd li {
	list-style-position: inside;
	margin: 0 0 10px 0; 
}

/*------------------------------------------------------------
	cssボタン
------------------------------------------------------------*/

a.style_button_demo {
    background: #ffc800 none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 1.5px 2.598px 0 0 rgba(0, 0, 0, 0.04);
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 65px;
    padding: 20px 10px;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
    width: 70%;
}
a.style_button_demo:hover {
	background: #f77a1e none repeat scroll 0 0;
	color: #333;
}

/*------------------------------
　　　　メールフォーム
------------------------------*/

.form table.formTable{
	margin: 20px auto;
	border-collapse: collapse;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.form select.waku {
    background-color: #fefefe;
    border: 3px solid #5fb6e0;
    padding: 5px;
}
.form input.waku {
	height: 30px;
	border: solid 3px #5fb6e0;
	background-color: #fefefe;
	padding: 5px;
	width: 46.5%;
}
.form textarea.waku {
	border: solid 3px #5fb6e0;
	background-color: #fefefe;
	padding: 5px;
    width: 100%;
	box-sizing: border-box;
}
input#submit_button {
    width: 150px;
    height: 50px;
	font-size: 1.8rem;
	font-size: 18px;
	margin: 20px 10px 0 0;
}
.kiyaku {
	text-decoration: underline;
	color: #F33;
}
/*------------------------------
　 メールフォーム・スマホ対応
------------------------------*/
.mail_form {
	width: 93%;
	margin:0 auto;
	box-sizing: border-box;
}
.formTable {
	overflow: hidden;
	box-sizing: border-box;
}
.l_table {
	float: left;
	font-weight: bold;
	width: 35%;
	margin: 0 0 20px 0;
	box-sizing: border-box;
}
.r_table {
	float: left;
	width: 65%;
	margin: 0 0 20px 0;
	box-sizing: border-box;
}

/*------------------------------------------------------------
	
------------------------------------------------------------*/

.naiyou p + .gazou_chuuou {
	margin: 30px 0 0 0;
}
#page5 + #page6 {
	margin: 0;
}

/*------------------------------------------------------------
	
------------------------------------------------------------*/

#page h3.waku_orangena {
    background-color: #fff;
    border: 1px solid #00aeef;
    height: auto;
    line-height: 40px;
    margin: 40px 0 20px;
    padding: 5px;
}
#page h3.waku_orangena inner_box {
	background-color: #00aeef;
	color: #fff;
	padding: 3px 0 3px 20px;
	display: block;
}

/*------------------------------------------------------------
	テーブル内配置
------------------------------------------------------------*/

.maker_price_02 .colon {
	width: auto;
	text-align: center;
}
.maker_price_02 .right {
	width: auto;
	text-align: right;
	white-space: nowrap;
	line-height: 1.1;
}
.maker_price_02 .left {
	width: auto;
	text-align: left;
}

/*------------------------------------------------------------
	トップへ戻るボタン
------------------------------------------------------------*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetop a {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px;
	border-radius: 6px;
	opacity: 0.8;
}

/*------------------------------------------------------------
	
------------------------------------------------------------*/

.time span {
    border: 2px solid #f77a1e;
    padding: 2px 5px;
    background-color: #ffffff;
    border-radius: 5px;
    font-size: 80%;
    padding: 2px 5px;
    color: #f77a1e;
    font-weight: normal;
	margin: 0 8px 0 0;
}

/*------------------------------------------------------------
	縦スライド時の矢印の位置
------------------------------------------------------------*/

.sp-vertical .sp-previous-arrow {
	top: 0;
}
.sp-vertical .sp-next-arrow {
	bottom: 0;
}
.features_what {
	background: url(../images/features01.png) no-repeat left center;
	padding: 0 0 0 55px;
	color: #007dbb;
	display: block;
	margin: 5px 0 10px;
}
.features_price {
	background: url(../images/features02.png) no-repeat left center;
	padding: 0 0 0 55px;
	color: #007dbb;
	display: block;
	margin: 5px 0 10px;
}
.features_difference {
	background: url(../images/features03.png) no-repeat left center;
	padding: 0 0 0 55px;
	color: #007dbb;
	display: block;
	margin: 5px 0 10px;
	line-height: 2.0;
}
.features_support {
	background: url(../images/features04.png) no-repeat left center;
	padding: 0 0 0 55px;
	color: #007dbb;
	display: block;
	margin: 5px 0 10px;
	line-height: 2.5;
}
.features_waku {
	border: solid 3px #ccc;
	padding: 10px;
}

.toiawase_btn {
	overflow: hidden;
	margin: 0 0 30px;
}
.toiawase_btn .toiawase_l {
	float: left;
}
.toiawase_btn .toiawase_r {
	float: left;
}
#top_page .head_top, #page .head_top {
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
}
#menu li, #menu_sp li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 5px 0;
}
.head_b {
	background-color: #000000;
}

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

.head_info {
	float: right;
}	

/*--新スマホメニュー--*/
.head_inner_sp {
	display: none;
}	
html, body {
	min-width: 1100px;
}
.btm_bottom {
	display: none;
}
#st-trigger-effects {
	display: none;
}
.slidemenu {
	display: none;
}
.slidemenu-left {
	display: none;
}	
.button {
    display: none;
}
#sp_menu {
    display: none;
}
.head_c {
	display: none;
}
.head_top {
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}
.head_top ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
    width: 195px;
}
.head_top ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.head_top ul a {
    background: url(../images/hnav.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 0 !important;
    outline: medium none;
    overflow: hidden;
    padding-top: 15px;
}
.head_top .h_contact a {
    background: url(../img/h_contact.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.head_a_btm {
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
}
.btm_left {
    float: left;
    margin: 18px 0;
}
.btm_right {
    float: right;
}
.btm_right p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 7px 0 0;
}
.tenpo_jyouhou {
	float: left;
}
.sns_box {
	float: right;
	margin: 0 0 0 15px;
}
.head_btm {
    margin: 0 auto;
    width: 981px;
}
header {
	border-bottom: 1px solid #ccc;
	background-color: #00aeef;
}
header .logo a {
    background: url(../../img/logo.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 37px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 127px;
}
header .head_fix {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #d9d9d9;
    display: none;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1001;
}
header .head_fix .inner {
    margin: 0 auto;
    width: 980px;
}
header .head_fix .inner .logo {
    padding: 12px 0 0;
}
header .head_fix ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.head_a {
    background-color: #000;
	margin: 0;
}
.sp_close {
    display: none;
}
.lil {
	font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
}
.lil_color {
    color: #3f3f3f;
    font-size: 1.2rem;
    line-height: 1.7;
}
.lil_color_s{
	color: #3f3f3f;
    font-size: 1.2rem;
    line-height: 1.7;
	margin: 20px 0 0 0;
}
.lil_color_r {
	font-size: 1.3rem;
	color: #ec2a3e;
}
#menu li, #menu_sp li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 5px 0;
}
#menu li a, #menu_sp li a {
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    padding: 5px 0 5px 5px;
    text-align: center;
    width: 191px;
}
#menu li.nav01 a, #menu_sp li.nav01 a {
    border-left: 1px solid #fff;
    padding: 5px 0 5px 0;
    width: 190px;
}
#menu li a:hover, #menu_sp li a:hover {
    background-color: #f9f9f9;
    color: #333;
    text-decoration: underline;
	-webkit-transition:  color 0.4s ease-in-out;
	-moz-transition:  color 0.4s ease-in-out;
	-o-transition:  color 0.4s ease-in-out;
	-ms-transition:  color 0.4s ease-in-out;
	transition:  color 0.4s ease-in-out;
}
#main_area {
	text-align: center;
	background-color: #fff;
}
.top {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
#top_page .top.first {
    padding-top: 50px;
}
#top_page .top {
    margin: 0 auto 30px;
}
#top_page .banner {
	width: 980px;
    margin: 0 auto 30px;
}
	#top_page .banner ul {
    margin: 0 0 0 -20px;
}
#top_page .banner .bana_info ul li{
	margin: 0 0 0 20px;
}
	#top_page .banner .bana_info{
		margin:0;
	}
h2 img {
	margin: 0;
}
#top_page .top ul {
    margin: 0;
}
#top_page .top .contents_list ul {
	margin: 0 0 0 -20px;
}
#top_page .top .works_list ul {
    margin: 0 0 0 -22px;
}
.contents a:hover, .services a:hover {
    color: #333;
    transition: all 1s ease 0s;
}
.top ul {
	margin: 0 0 30px;
}
.top ul li {
    list-style-type: none;
}
.top ul li .center_item {
	text-align: center;
}
.top .jyouhou {
	overflow: auto;
	height: 345px;
}
.top .jyouhou li {
    border-bottom: 1px dashed #ccc;
    list-style-type: none;
    padding: 8px;
	font-size: 14px;
}
.top .works_list {
    margin: 0 0 0 -23px;
    overflow: hidden;
}
.top .works_list img, .top .contents_list img {
    border: 1px solid #555;
    border-radius: 8px;
    box-sizing: border-box;
}
.top .works_list div {
    float: left;
    margin: 0 0 20px 20px;
}
.top .works_list p {
	font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0 0;
    text-align: center;
}
.top .works_list .sp {
	display: none;
}
.top .contents_list dd.gazou_chuuou {
	background-color: #00aeef;
    padding: 0;
	text-align: center;
}
.top .contents_list dd {
    background-color: #fff;
    border-radius: 6px;
    line-height: 1.4;
    margin: 10px 0 0;
    padding: 10px;
    text-align: left;
}
.top .contents_list dt {
    background-color: #00aeef;
    color: #000;
	font-size: 23px;
    font-size: 2.3rem;
    line-height: 1;
    text-align: center;
	margin: 10px 0 15px;
}
.top .contents_list ul li {
    background-color: #00aeef;
    border-radius: 6px;
    float: left;
    margin: 0 0 0 20px;
    padding: 10px;
    text-align: center;
    width: 210px;
}
.bg_color {
    background-image: url(../images/pattern_sq.gif);
    background-position: left top;
    background-repeat: repeat;
    border-bottom: 2px solid #c3c3c3;
	padding: 0 0 10px;
}
#top_page .top .services_list ul {
	margin: 0 -20px 10px 0;
}
.top .services_list ul li {
    margin: 0 20px 0 0;
    overflow: hidden;
    padding: 0;
    width: 230px;
	float: left;
}
.top .services_list ul li a:hover, .top .contents_list ul li a:hover {
    color: #07799f;
	transition: all 1.0s;
	text-decoration: underline;
}
.top .services_list dt {
    float: left;
    padding: 0 10px 40px 0;
}
.top .services_list dt + dd {
	font-weight: bold;
	font-size: 1.8rem;
	font-size: 18px;
	margin: 0;
	color: #07539f;
}
.top .services_list dd {
	margin: 0;
	line-height: 1.4;
}
.features_list div {
	margin: 0;
}
.features_list h3 {
    background-image: url(../images/features_icon.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 35px;
	margin: 0 0 10px 0;
}
.top .guidance_list{
	border: solid 2px #ffcc00;
	padding: 27px 0;
}
.top .guidance_list div {
	margin: 0 0 20px 0;
}
.top .guidance_list dl {
	float: left;
	width: 434px;
	margin: 0 27px 0 27px;
}
.top .guidance_list dt {
    background-image: url(../images/yajirushi_bg.gif);
    background-repeat: no-repeat;
    color: #fff;
    height: 36px;
    line-height: 1.2;
    padding: 15px 0 0 100px;
	margin: 0 0 10px 0;
}
.top .guidance_list .orikaeshi {
	padding: 5px 0 0 100px;
	height: 46px;
}
#r_nav {
	position: fixed;
	top: 460px;
	right: 0;
	list-style-type: none;
}
#r_nav li {
	margin: 0 0 15px 0;
}
#rogo {
	position: fixed;
	top: 0;
	left: 0;
}
.info_list {
	margin: 0;
}
.info_list h3 {
    background-color: #333;
    border-bottom: 5px solid #ff6c00;
    color: #fff;
    line-height: 1;
    margin: 0 0 20px;
    padding: 10px 0;
    text-align: center;
}
#page .info_list{
	margin: 8px 0 0 0;
}
#page.cont_serve .info_list{
	margin: 0 0 20px;
}
.toiawase_info {
	width: 980px;
	margin: 0;
}
.toiawase_info h3, .news_info h3 {
    background: #333 url(../images/otoiawase_icon) no-repeat 9px 12px;
    height: 25px;
    line-height: 2;
    padding: 7px 0 12px 50px;
    text-align: left;
}
.news_info {
	width: 320px;
	float: left;
	overflow: auto;
	margin: 0;
}
.company {
	margin: 0 0 0 -20px;
	float: left;
}
.company dl {
    margin: 0 0 0 20px;
    width: 480px;
}
.company a {
	color: #ec2a3e;
	text-decoration: underline;
}
.google-maps {
	float: right;
}
.google-maps div {
	width: 480px;
}
.google-maps div img {
	margin: 0 0 11px;
}
.google-maps a {
    color: #333;
    display: block;
    margin: 10px 0 0;
    text-decoration: underline;
}
.google-maps a:hover {
	color: #fff;
	-webkit-transition:  color 0.6s ease-in-out;
	-moz-transition:  color 0.6s ease-in-out;
	-o-transition:  color 0.6s ease-in-out;
	-ms-transition:  color 0.6s ease-in-out;
	transition:  color 0.6s ease-in-out;
}
footer {
	background-color: #000000;	
	color: #797972;
}
.foot_inr {
    margin: 0 auto;
    padding: 30px 10px;
    width: 980px;
}
.footer_top dl {
	float: left;
	margin: 0 50px 0 0;
}
.footer_top dt {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	margin: 0 0 5px;
}
.footer_top dd {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 0 0 0;
}
.footer_top dd a {
	color: #fff;
	font-size: 12px;
}
.footer_btm p {
    background-color: #000;
    padding: 20px 0;
    text-align: center;
	color: #fff;
}
.footer_btm p a {
    color: #fff;
}
.kaisha_gaiyou {
    background-color: #00aeef;
    margin: 30px 0 0;
    padding: 1px 0 30px;
	color: #fff;
}
.kaisha_gaiyou dl dt + dd {
	font-weight: bold;
}
.kaisha_gaiyou dl dd {
	margin: 10px 0;
}
.annai_gazou dd {
	text-align: center;
}
.annai_gazou dt + dd {
	text-align: left;
}
.annai_gazou img {
	margin: 20px 5px 0;
}

/*------------------------------------------------------------
	タブ
------------------------------------------------------------*/

#tabwrap { 
    overflow: hidden; 
    width: 980px;
	margin: 0 auto;
}
.tabs_sp {
	display: none;
}

/*------------------------------------------------------------
	テーブル
------------------------------------------------------------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.maker_price_01 {
    border: 1px solid #b9b9b9;
    border-collapse: collapse;
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%;
}
.maker_price_01 th {
    background-color: #eee;
    border: 1px solid #b9b9b9;
    color: #333;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    /*border-box: 25%;*/
	white-space: nowrap;
}
.maker_price_01 td {
    background-color: #fff;
    border: 1px solid #b9b9b9;
    font-size: 15px;
    padding: 12px;
	color: #333;
	/*border-box: 100%;*/
}
.maker_price_01 td:first-child {
	text-align: left;	
}
.voice .maker_price_01 {
	border: 1px solid #000;
}
.voice .maker_price_01 th {
	background-color: #ff6c00;
	border: 1px solid #000;
	color: #fff;
}
.voice .maker_price_01 td {
	border: 1px solid #000;
}
#page.maker .maker_price_01 th {
	background-color: #ff6c00;
	border: 1px solid #000;
	color: #fff;
}
#page.maker .maker_price_01 td {
	border: 1px solid #000;
	text-align: center;
}
#page.maker .maker_price_01 td a {
	text-decoration: underline;
	color: #ec2a3e;
	display: block;
}
table.maker_price_02 {
    border: 8px solid #00aeef;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    font-size: 1.8rem;
	font-size: 18px;
    font-weight: bold;
    margin: 30px 2px 2px;
    padding: 2px;
}
.maker_price_02 th {
    background-color: #eee;
    border: 1px solid #b9b9b9;
    color: #333;
    padding: 6px;
    text-align: center;
    vertical-align: top;
    width: 25%;
}
.maker_price_02 td {
    background-color: #fff;
	padding: 6px;
	color: #00aeef;
	line-height: 1.1;
}
.maker_price_02 td.bg_orenge {
	background-color: #f77a1e;
	border-bottom: solid 8px #00aeef;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
.maker_price_02 td.bg_red {
	background-color: #f00;
	border-top: solid 8px #00aeef;
	color: #fff;
	text-align: center;
}
.maker_price_02 td.line {
	padding: 0;
	border-bottom: solid 8px #00aeef;
}
.maker_price_02 td.line_n {
	padding: 0;
	border-right: solid 8px #00aeef;
}
.maker_price_02 td.line_b {
	border-right: solid 8px #00aeef;
}
.maker_price_02 td.center {
	text-align: center;
}
.maker_price_03 {
    border-collapse: collapse;
    box-sizing: border-box;
    margin: 20px 0;
    width: 100%;
}
.maker_price_03 td:first-child {
    text-align: center;
}
.maker_price_03 td {
    background-color: #e5eaff;
    border: 1px solid #fff;
    color: #333;
    font-size: 15px;
    padding: 12px;
    text-align: center;
}
.maker_price_03 td a {
	color: #F30;
	text-decoration: underline;
}
.maker_price_03 th {
    background-color: #36f;
    color: #fff;
    padding: 6px 12px;
    text-align: center;
    vertical-align: top;
    /*border-box: 25%;*/
	white-space: nowrap;
	font-weight: normal;
}

/*------------------------------------------------------------
	アコーディオン
------------------------------------------------------------*/

.st-accordion {
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li {
    height: 100px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child {
    border-top:none;
}
.st-accordion ul li > a {
    font-size: 24px;
    display: block;
	position: relative;
    line-height: 50px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	background: url(../images/features_icon.png) no-repeat left center;
	padding: 0 0 0 45px;
	color: #333;
}
.st-accordion ul li > a span {
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover {
    color: #1693eb;
}
.st-accordion ul li > a:hover span {
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a {
    color: #1693eb;
	background: url(../images/features_icon.png) no-repeat left center;
	padding: 0 0 0 45px;
}
.st-accordion ul li.st-open > a span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content {
    padding: 5px 0px 30px 0px;
}
.st-content p {
    font-size:  16px;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
.st-content img {
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/

.division {
	position: relative;
}
.division dl dd img {
	margin: 24px 0;
}
.division dl dd img:nth-child(2) {
	margin: 24px 0 24px 8px;
}

/*------------------------------------------------------------
	ご利用案内
------------------------------------------------------------*/

.goriyouannai_sp {
	display: none;
}
.footer_sp {
	display: none;
}

/*------------------------------------------------------------
	下層ページ タブ
------------------------------------------------------------*/

#page #tabwrap { 
    overflow: hidden; 
    width: 730px;
    min-height: 300px;
    margin: 60px auto;
}
#page #tabs li a {
    width: 120px;
	padding: 5px 5px 5px 0;
}
.product ul li a {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.5rem;
	font-size: 15px;
    margin: 0 3% 3% 0;
    padding: 1.8% 1.86%;
    text-align: center;
    width: 228px;
}
.kataban .product ul li a, .shuuri_houhou .product ul li a, .ipad .product ul li a {
    border: 1px solid;
    border-radius: 0px;
    box-sizing: border-box;
    line-height: 1.5;
    margin: 0 0 8px 8px;
    padding: 1.8% 0;
    width: 238px;
}
#page .product #tab li a:hover {
    background: none repeat scroll 0 0 #00aeef;
    text-decoration: underline;
	color: #fff;
}
#page .p_rede {
	list-style-position: inside;
}

/*------------------------------------------------------------
	下層ページ
------------------------------------------------------------*/

#box {
	width: 980px;
	margin: 0 auto;
}
#main {
	width: 730px;
	float: right;
	margin: 0px;
}
#sidenav {
	width: 200px;
	float: left;
	margin: 0;
}
.subtop {
	background-color: #ededed;
    color: #666;
}
.submenu .subtop a {
    background-image: none;
}
.submenu li {
	list-style-type: none;
}
.subtop a {
	background: none;
}
.submenu a {
    background: url(../images/nav_mark.png) no-repeat scroll 10px 50% rgba(0, 0, 0, 0);
	border-bottom: 1px solid #e6e6e6;
	font-size: 72.5%;
	text-align: left;
    line-height: 1.5;
    color: #555;
    display: block;
    padding: 10px 0 10px 35px;
    text-decoration: none;
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.submenu a:hover {
	background: url(../images/nav_mark_h.png) no-repeat scroll 10px 50% rgba(0, 0, 0, 0);
	background-color: #00aeef;
	color:#f4f4f4;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.submenu .subtop a:hover {
	background-image: none;
	background-color: #ededed;
	color: #555;
}
#page .mark {
    background-image: url(../images/mark_01.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #f77a1e;
    padding: 0 0 0 88px;
	margin: 0 0 20px 0;
	font-weight: bold;
}
#page .mark.single {
    height: 39px;
    line-height: 39px;
}

#sidenav .banner{
	padding:20px 0 0;
}
#sidenav .banner li{
	list-style:none;
	margin: 0 0 10px;
}

/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/

#page h1 {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    margin: 0 auto;
    width: 980px;
}
.head_box {
    width: 980px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 5px;
}
.head_box h1 {
	float: left;
	font-weight: normal;
	font-size: 12px;
	padding-top: 5px;
}
.head_box .fb-like {
	float: right;
}
/*#top_page h1, #page h1 {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    margin: 0 auto;
    width: 980px;
}*/
h2.first {
    margin: 0 0 30px;
    padding: 0 0 10px;
	color: #333;
	border-bottom: 1px solid #666666;
	font-size: 20px;
    font-size: 2.0rem;
}
#top_page h2.service_midashi {
	background-image: url(../images/service.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 183px;
}
#top_page h2.company_midashi {
	background-image: url(../images/company.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 400px;
}
#page h2.souryou_midashi {
    background-image: url(../images/souryou.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 84px;
}
#page h2.yuusen_midashi {
    background-image: url(../images/yuusen.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 150px;
}
#page h2.voice_midashi {
    background-image: url(../images/voice.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 179px;
}
#page h2.konpou_midashi {
    background-image: url(../images/konpou.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 149px;
}
#page h2.kataban_midashi {
	background-image: url(../images/kataban.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 148px;
}
#page h2.gakuwari_midashi {
	background-image: url(../images/gakuwari.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 80px;
}
#page h2.shuuri_midashi {
	background-image: url(../images/bunkaihouhou.png);
	background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 152px;
}
#page h2.hdd_midashi {
	background-image: url(../images/hddzouseitu.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 168px;
}
#page h2.neclz_midashi {
    background-image: url(../images/nec_lz.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 158px;
}
#page h2.macbook_midashi {
	background-image: url(../images/macbookair.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 92px;
}
#page h2.tiiki_midashi {
	background-image: url(../images/zenkokutaiou.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 149px;
}
#page h2.backlight_midashi {
	background-image: url(../images/backlight_koukan.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 265px;
}
#page h2.contact_midashi {
	background-image: url(../images/contact.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 210px;
}
#page h2.shuurikanou_midashi {
	background-image: url(../images/shuurikanou.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 271px;
}
#page h2.makerbetu_midashi {
	background-image: url(../images/makerbetu.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 172px;
}
#page h2.guidance_midashi {
	background-image: url(../images/guidance.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 221px;
	margin: 40px 0 30px 0;
}
#page h2.company_midashi {
	background-image: url(../images/company.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 400px;
	margin: 40px 0 30px;
}
#page h2.chiikibetu_midashi {
	background-image: url(../images/chiikibetu.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 116px;
}
#page h2.shuriryoukin_midashi {
	background-image: url(../images/shuriryoukin.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 149px;
}
#page h2.flow_midashi {
	background-image: url(../images/flow.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 125px;
}
#page h2.q_a_midashi {
	background-image: url(../images/q_a.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 101px;
}
#page h2.bunkai_midashi {
	background-image: url(../images/bunkai.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 148px;
}
#page h2.ipadrepair_midashi {
	background-image: url(../images/ipadrepair.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 166px;
}
#page h2.kaitori_midashi {
	background-image: url(../images/kaitori.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 148px;
}
#page h2.oyakusoku_midashi {
	background-image: url(../images/oyakusoku.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 210px;
}
#page h2.terms_midashi {
	background-image: url(../images/riyoukiyaku.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 146px;
}
#page h2.tokutei_midashi {
	background-image: url(../images/tokuteishou.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 175px;
}
#page h2.campaign_midashi {
	background-image: url(../images/campaign.png);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 36px;
    padding: 10px 0 0 198px;
}
#top_page h3.midashi, #page.cont_serve h3.midashi, #page h3.midashi {
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #666666;
    line-height: 36px;
	height: 36px;
    margin: 45px 0 30px;
    text-align: left;
	color: #333;
}
#top_page h3.midashi.guidance, #page.cont_serve h3.midashi.guidance, #page h3.midashi.guidance {
    background-image: url(../images/guidance.png);
    padding: 10px 0 0 221px;
}
#top_page h3.midashi.m_company, #page.cont_serve h3.midashi.m_company, #page h3.midashi.m_company {
	background-image: url(../images/company.png);
    padding: 10px 0 0 400px;
}
#top_page h3.midashi.infomation {
	background-image: url(../images/infomation.png);
    padding: 10px 0 0 296px;
}
#top_page h3.midashi.features {
	background-image: url(../images/features.png);
    padding: 10px 0 0 213px;
}
#top_page h3.midashi.agreement {
	background-image: url(../images/agreement.png);
    padding: 10px 0 0 255px;
}
#top_page h3.midashi.otherservice {
	background-image: url(../images/otherservice.png);
    padding: 10px 0 0 208px;
}
#top_page h3.midashi.contents {
	background-image: url(../images/contents.png);
    padding: 10px 0 0 223px;
}
#top_page h3.midashi.store {
	background-image: url(../images/store.png);
    padding: 10px 0 0 136px;
}
#page #r_nav {
	display: none;
}
#page .guidance_list div {
	margin: 0 0 20px -30px;
}
#page .guidance_list dl {
    float: left;
    margin: 0 0 0 30px;
    width: 350px;
}
#page .guidance_list dt {
    background-image: url(../images/yajirushi_bg.gif);
    background-repeat: no-repeat;
    color: #fff;
    height: 36px;
    line-height: 1.2;
    padding: 15px 0 0 100px;
	margin: 0 0 10px 0;
}
#page .guidance_list .orikaeshi {
	padding: 5px 0 0 100px;
	height: 46px;
}
#page .performance li {
	list-style: none;
}
#page.cont_serve h3 {
    color: #333;
    font-size: 22px;
	font-size: 2.2rem;
    height: auto;
    line-height: 1.5;
    margin: 40px 0;
    padding: 0;
    text-align: center;
	background-image: url(../images/center_line.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#page.ipad h3 {
	background: none;
	margin: 40px 0;
	text-align: center;
}
#page.cont_serve h3 .white_space {
	background-color: #fff;
	padding: 10px;
	line-height: 1.6;
}
#page.price h3.ware, #page.price h3.usui, #page.price h3.tenmetu, #page.price h3.akai {
	line-height: 1.5;
}
#page h3 {
    color: #fff;
    font-size: 20px;
	font-size: 2.0rem;
    font-weight: bold;
    margin: 20px 0;
	padding: 10px 10px 10px 110px;
	line-height: 60px;
	height: 80px;
}
#page h3.ware, #page h3.usui, #page h3.sen, #page h3.tenmetu, #page h3.akai, #page h3.hyouji {
    color: #fff;
    font-size: 20px;
	font-size: 2.0rem;
    font-weight: bold;
    margin: 20px 0;
	padding: 10px 10px 10px 110px;
	line-height: 60px;
	height: 80px;
	text-align: left;
}
#page h3.ware {
	background: url(../images/midashi_line_ware.png) no-repeat left top;
}
#page h3.usui {
	background: url(../images/midashi_line_usui.png) no-repeat left top;
}
#page h3.sen {
	background: url(../images/midashi_line_sen.png) no-repeat left top;
}
#page h3.tenmetu {
	background: url(../images/midashi_line_tenmetu.png) no-repeat left top;
}
#page h3.akai {
	background: url(../images/midashi_line_akai.png) no-repeat left top;
}
#page h3.hyouji {
	background: url(../images/midashi_line_hyouji.png) no-repeat left top;
}
#page h3.shiroi {
	background: url(../images/midashi_line_shiroi.png) no-repeat left top;
}
#page h3.otoiawase_jirei {
	background-color: #333;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    padding: 10px 0 10px 20px;
	border-left: 5px solid #ff6c00;
	text-align: left;
}
.koshou p {
    float: left;
    margin: 0 !important;
}
.mitumori {
	margin: 20px 0 0 0;
	color: #f00
}
.mitumori dt {
    background-color: #feeac5;
    border-left: 5px solid #f77a1e;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px dashed #f77a1e;
	font-size: 20px;
}
.mitumori ul {
	margin: 30px 0 0 0;
	font-size: 20px;
}
.mitumori li {
	list-style: inside disc;
}
.before_after {
    border-bottom: 1px solid #333;
    margin: 30px 0;
    padding: 0 0 30px;
}
.before_after dl {
	float: right;
	text-align: center;
	margin: 0 10% 0 0;
}
.before_after dl:first-child {
	float: left;
	margin: 0 0 0 10%;	
}
#page1, #page2, #page3, #page4, #page5, #page6 {
	margin: 0 0 30px!important;
}
div.naiyou + section.field {
	margin: 0;
}
#page.cont_serve section.field > h3 {
	margin: 0 0 40px;
}

/*------------------------------------------------------------
	左イメージ右テキスト
------------------------------------------------------------*/

.setumei_box {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.left_mark {
	float: left;
	margin: 0 40px 0 0;
}
.right_text {
	float: left;
}
.right_text li {
	color: #f77a1e;
    font-weight: bold;
	list-style-position: outside;
	list-style-type: disc;
}

/*------------------------------------------------------------
	下層ページアコーディオン
------------------------------------------------------------*/

#page .performance {
	margin: 0 0 30px;
}
#page .performance .shousai li {
	float: left;
}

/*------------------------------------------------------------
	修理依頼の流れ
------------------------------------------------------------*/

.flow .wakusen {
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    margin: 0 auto;
    padding: 20px;
}
.flow .product {
	margin: 0 0 40px 0;
}

/*------------------------------------------------------------
	よくある質問・利用規約
------------------------------------------------------------*/

#page .q_a h3 {
	background: url(../images/question.png) no-repeat left top;
	height: 60px;
    line-height: 40px;
    margin: 20px 0 0;
    padding: 0 0 0 40px;
}
#page .q_a h3 span {
	display: none!important;
}
#page.terms .q_a h3 {
	background: url(../images/terms.png) no-repeat left top;
	height: 60px;
    line-height: 40px;
    margin: 30px 0 0;
    padding: 0 0 0 40px;
}

/*------------------------------------------------------------
	分解方法
------------------------------------------------------------*/

.shuuri_houhou .product .naiyou ul {
	margin: 0 0 0 -8px;
}
.shuuri_houhou .product .naiyou ul li {
	list-style-type: none;
	float: left;
}
.shuuri_houhou .product .naiyou ul li a {
    background: none;
    border: none;
    color: #f77a1e;
    float: none;
    margin: 15px 0 15px 8px;
    padding: 0;
	text-decoration: underline;
}
#page.shuuri_houhou  h3 {
    font-size: 16px;
	font-size: 1.6rem;
}

/*------------------------------------------------------------
	電話番号リンク
------------------------------------------------------------*/

#sp_tel_no{
	display: none;
}
.pc_tel_no img:hover {
	opacity: 1;
}

/*------------------------------------------------------------
	infomation/sns
------------------------------------------------------------*/

.three_column {
    margin: 45px 0 0;
    overflow: hidden;
}
#twitter-widget-0 {
	margin:10px 0 0 0!important;
	display: block;
}
.twitter-timeline {
	width: 320px!important;
	margin: 0 0 0 10px !important;
	padding: 0;
	float: left;
	height: 405px;
	
}
.snstw_info {
	float: right;
	margin: 0;
}
.bana_info {
    margin: 40px 0 0;
}
.snsfb_sp_info {
	display: none;
}
.fb-page {
	float: left;
	margin: 0 0 0 10px;
	width: 320px;
}
.new_info a {
	margin: 10px 0 0;
	text-decoration: underline;
	color: #00aeef;
	display: block;
}
.new_info a:hover {
	color: #00d6ef;
	-webkit-transition:  color 0.3s ease-in-out;
	-moz-transition:  color 0.3s ease-in-out;
	-o-transition:  color 0.3s ease-in-out;
	-ms-transition:  color 0.3s ease-in-out;
	transition:  color 0.3s ease-in-out;
}
	
/*------------------------------------------------------------
	店舗
------------------------------------------------------------*/
	h2.store_midashi{
		font-size:3.0rem;
	}
	h2.store_midashi .tel{
		font-size:2.0rem;
		float:right;
		line-height:2;
		text-decoration:none;
	}
	h2.store_midashi .tel i{
		margin:0 .5em 0 0;
	}
	.store_map{
		
	}
	.store_map .left_content{
		float:left;
		width:500px;
	}
	.store_map .right_content{
		float:right;
		width:200px;
	}
	.store_map .gmap{
	}
	.store_map .gmap .more{
		padding:10px 0 0;
		text-align:right;
	}
	.store_map .gmap .more a{
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		background-color:#00aeef;
	}
	.store_map .gmap .more a:hover{
		opacity:.8;
	}
	.store_map .gmap iframe{
		width:100%;
		height:492px;
	}
	.store_map .content_info{
		margin:0 0 20px;
	}
	.store_info2 .content_info h4{
		background-color:#e6e6e6;
		font-size:1.6rem !important;
		padding:10px 20px;
		color:#000 !important;
	}
	.store_info2 .content_info h4 i{
		margin:0 .5em 0 0;
	}
	.store_map .content_info p{
		margin:0 0 20px;
	}
	.store_info2{
		margin:0 0 60px;
	}
	.store_map .right_content .info{
		background-color:#e6e6e6;
		padding:10px;
	}
	.store_map .right_content .info dl{
		margin:0 0 20px;
	}
	.store_map .right_content .info dl dt{
		background-color:#333;
		color:#fff;
		padding:5px 10px;
		margin:0 0 10px;
	}
	.store_map .right_content .info dl dd{
		margin:0 5px;
		font-size:1.5rem;
	}
	.store_map .right_content .info dl img{
		padding:5px 0 0;
	}
	
	.banner_sp{
		display:none;
	}
	
}