﻿@charset "utf-8";
.koudoku{
	/*BACKGROUND:url(../img/koudoku.gif) no-repeat;*/
	height:150px;
	padding:220px 10px 10px 280px;
	margin:0px 0 10px 0px;
}
.koudoku-sp{
background: #a1dbff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExZGJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a1dbff 0%, #cbebff 53%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dbff), color-stop(53%,#cbebff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a1dbff 0%,#cbebff 53%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
height:460px;
width:990px;
}

div.com_index{
margin:10px 0;
padding:4px 0 0 0;
/*background:url(../img/company_top.gif) no-repeat top left;*/
}

div.com_index div.com_index_middle{
/*background:url(../img/company_bottom.gif) no-repeat bottom left;*/
padding:0 0 4px 0;
}

div.com_index div.com_index_middle div.com_index_bottom{
padding:10px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/* IEだけにきかせる \*/
*html div.com_index div.com_index_middle div.com_index_bottom{height: 1%}
/* IEだけにきかせる終了 */

div.com_index div.com_index_middle div.com_index_bottom div.PageTitle{
border-bottom:solid #cccccc 1px;
padding:0 0 5px;
margin:0 0 10px 0;
}

div.com_index div.com_index_middle div.com_index_bottom div.PageTitle2{
border-bottom:solid #cccccc 1px;
border-top:solid #cccccc 1px;
padding:5px 0;
margin:10px 0;
clear:both;
}

div.com_index div.com_index_middle div.com_index_bottom div.PageTitle3, .PageTitle3{
border:dotted #cccccc 1px;
padding:10px;
margin:10px 10px 0;
}

div.com_index div.com_index_middle div.com_index_bottom div h2{
padding:0 5px 0 0;
color:#191919;
}

div.com_index div.com_index_middle div.com_index_bottom h3{margin:0 0 5px;font-weight:bolder;}
div.com_index p{margin:0 0 5px 0;}
div.com_index div.com_index_middle div.com_index_bottom ul{margin:0;padding:0;}
div.com_index div.com_index_middle div.com_index_bottom ul li{padding:2px 0;margin:0 0 0px;}
.Red{color:#FF0033;}
table#Price{border-collapse:collapse;width:100%;}
table#Price tr th{
padding:5px;
background:#eeeeee;
border:1px dotted #cccccc;
text-align:left;
width:15%;
}

table#Price tr td{
padding:5px;
border:1px dotted #cccccc;
text-align:left;
/*width:85%;*/
}

/*----Form--------------------------------------------------------*/

table#NewsPaper{
border-collapse:collapse;
width:100%;
margin:0 0 5px;
}
table#NewsPaper tr{
border-bottom:1px dotted #cccccc;
border-top:1px dotted #cccccc;
}
table#NewsPaper tr th{
border-bottom:none;/*border-bottom:1px dotted #cccccc;*/
border-top:none;/*border-top:1px dotted #cccccc;*/
padding:5px;
text-align:left;
vertical-align:top;
width:20%;
}

table#NewsPaper tr td{
border-bottom:none;/*border-bottom:1px dotted #cccccc;*/
border-top:none;/*border-top:1px dotted #cccccc;*/
padding:5px 0;
text-align:left;
}

table#NewsPaper tr td input{width:84%;}
table#NewsPaper tr td input.zip{width:50px !important;}
table#NewsPaper tr td input.check{width:14px;}
table#NewsPaper tr td textarea{width:96% !important; height:50px !important;}

div#Error{
border:1px dotted #dddddd;
padding:5px;
margin:5px 0;
}
/*table#NewsPaper tr th{
		display:block;
		width:40%;	
}*/
table#NewsPaper tr td{
	display:block;
	width:100%;
}
table#Price tr td{
	display:block;
/*	width:100%;*/
	text-align:left;
}

form#mailform table#NewsPaper tbody tr#koudoku_present td input{float:left;}
table#NewsPaper tr td ul, table#NewsPaper tr#koudoku_present td ul{padding:0;}
table#NewsPaper tr td ul li, table#NewsPaper tr#koudoku_present td ul li{
	list-style:none;
	text-align:left;
	padding:3px;
}
html.sb-init body.page.not-front.not-logged-in.page-news.section-news.one-sidebar.sidebar-second.page-views div#page-wrapper div#page div#sb-site div#content.column form#mailform table#NewsPaper tbody tr td input.zip{
	width:10% !important;
}

.koudoku-sp img{
	padding:20px 30px 0;
	width:930px;
	text-align:center;
}
.koudoku-sp__present-photo{float:left;width:350px;}
.koudoku-sp__present-photo img{width:300px;}
.koudoku-sp__present-text{
	float:right;
	width:590px;
	padding:10px 20px 0 0;
}
.koudoku-sp__present-text h1{
	color:#F00;
	font-size:58px;
	text-align:center;
	margin:0 0 10px;
}
.koudoku-sp__present-text h3{
	font-size:30px;
	text-align:center;
	margin:0 0 14px;
}
.form_br{display: inline-block;padding-right:1em;}
.PageTitle{clear:both;}
#page-wrapper div#page div#sb-site ul li{padding-right:1em;}
.koudoku-info {padding: 12px;}
#page-wrapper div#page div#sb-site #changeFont ul li{padding: 1px 0;}
#mfp_element_63 .mfp_element_checkbox {width: none;}
#mfp_element_63{text-align: left;width: none;}
table#NewsPaper tr td input#mfp_element_54{text-align: left;width: auto !important;}
textarea#mfp_element_62{height:50px !important;}
.mfp_element_all{max-width: none;}
input#mfp_element_60{width: 14px !important;}/*同意チェックボタン*/
label#mfp_element_60_label.mfp_not_checked {border:none !important;}
table#NewsPaper tr td input {width: 94%;}
#NewsPaper tr td.mfp span, #NewsPaper tr td ol li span {padding-left: 10px;}
table#NewsPaper tr td.koudoku_radio{padding: 5px 10px 10px;width:95%;}
@media all and (max-width: 700px) {
table#NewsPaper tr td input {width: 94%;}
table#NewsPaper tr td.koudoku_kakunin{text-align: center;padding: 0 10px 10px;}
select#mfp_element_11{margin-left: 10%;}
select#mfp_element_12{margin-left: 40%;}
table#Price tr th, form#mailform table#NewsPaper tbody tr th, table#NewsPaper tr th{
display: block;
text-align:center;
width:100%;
width:inherit\9;
white-space:pre\9;
}

table#Price tr td{
	display:block;
	width:100%;
	text-align:center;
}
table#NewsPaper tr td{
	display:block;
	width:100%;
}
html.sb-init body.page.not-front.not-logged-in.page-news.section-news.one-sidebar.sidebar-second.page-views div#page-wrapper div#page div#sb-site div#content.column form#mailform table#NewsPaper tbody tr td input.zip{
	width:12% !important;
}

form#mailform table#NewsPaper tbody tr td{
	float:none;
	text-align:center;
	width:100%;
}
.koudoku-sp{
	width: 100%;
	height:auto;
}
.koudoku-sp img {
    padding: 20px 10px 0;
    text-align: center;
    width: 96%;
}
.koudoku-sp__present-photo{
	width:100%;
}
.koudoku-sp__present-photo img{
	text-align:center;
	width: 90%;
	max-width: 100%;
}
.koudoku-sp__present-text{
	clear:both;
	width:100%;
	padding:0;
}
.koudoku-sp__present-text h1{
	font-size:28px;
}
.koudoku-sp__present-text h3{
	font-size:16px;
	text-align:center;
	margin:0 0 14px;
}
.koudoku-sp__present-text p{
	padding:0 1em;
}

table#NewsPaper tbody tr#koudoku_present th span{
	float:left\9;
}
}
@media all and (min-width: 701px) {
	#NewsPaper tr td.mfp span, #NewsPaper tr td ol li span {padding-left: 0;}
	table#NewsPaper tr td input {
		width: 96%;
	}
.sidebar-second #content {
	padding:10px 0 0 0;
	width:100%;
}
table#Price tr th, table#NewsPaper tr th{
	text-align:left;
	width:20%;
}
table#NewsPaper tr td{
	/*display:inline;*/
	float:none;
	text-align:left;
}
.koudoku-sp{
	width: 100%;
	height:auto;
}
.koudoku-sp__present-photo{
	float:left;
	width:35%;
}
.koudoku-sp__present-text {
    float: right;
    width: 60%;
    padding: 10px 20px 0 0;
}
.koudoku-sp__present-text h1{
	font-size:44px;
}
.koudoku-sp__present-text h3{
	font-size:22px;
	text-align:center;
	margin:0 0 14px;
}
.koudoku-sp img {
    padding: 20px 10px 0;
    text-align: center;
    width: 96%;
}
}
@media all and (min-width: 999px) {
	table#NewsPaper tr td input {
		width: 96%;
	}
.sidebar-second #content {
	padding:10px 0 0 0;
	width:100%;
}

.koudoku-sp{
	width: 100%;
	height: auto;
}
.koudoku-sp__present-photo img{
	text-align:center;
	width: 90%;
	max-width: 100%;
}
.koudoku-sp__present-photo {
    float: left;
    width: 360px;
}
.koudoku-sp__present-text{
	float:right;
	width:590px;
	padding:10px 20px 0 0;
}
.koudoku-sp__present-text h1{
	font-size:60px;
}
.koudoku-sp__present-text h3{
	font-size:30px;
	text-align:center;
	margin:0 0 14px;
}
}
