@charset "UTF-8";

/* base */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	line-height: 150%;
	color: #333333;
	background-color: #EFEFEF;
	background-repeat: repeat;
	background-image: url(../images/bg2.gif);
}

td, th {
	font-size:	small;
	line-height: 150%;
}

a:link,a:visited,a:active {
	color: #194F9E;
	text-decoration: underline;
}

a:hover {
	color: #11366b;
	text-decoration: underline;
}

a         { text-decoration: none; }
a:link    { color: #2B41B3; }
a:visited { color: #8B4D8C; }
a:active  { color: #0099CC; text-decoration: underline; }
a:hover   { color: #0099CC; text-decoration: underline; }

p, h1, h2, h3, h4, h5, h6 {
	line-height: 150%;
}

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}

p 	{ font-size: small; }
h1 	{ font-size: x-large; }
h2 	{ font-size: large; }
h3 	{ font-size: medium; }
h4 	{ font-size: small; }
h5 	{ font-size: x-small; }
h6 	{ font-size: xx-small; }

ol, ul {
	margin-left: 1.5em;
}
ul {
	list-style: circle;
}

li 	{ font-size: small; line-height: 150%; }

img {
	border: none;
}

option, select, input, textarea {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

input {
	vertical-align: middle;
}

span.separator {
	margin: 0 0.5em;
}

.inner {
	margin: 10px 20px;
}

.item {
	margin-bottom: 30px;
	zoom: 100%;
}

.item:after {
    content: "　";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

#MAINCONTAINER {
	margin: 0 auto;
	width: 780px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_container.gif);
	background-position: left top;
	background-repeat: repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 1px;
}

#header {
	width: 780px;
	height: 353px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
/*	text-indent: -9999px;*/
}
#header h1, #header h2, 
#header h3, #header p {
	text-indent: -9999px;
}

#menu {
	width: 760px;
	height: 60px;
	overflow: hidden;
	margin: 0 10px;
	padding: 0;
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu ul.item {
	margin-bottom: 0;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 100%;
	width: 190px;
	height: 30px;
	overflow: hidden;
}

#contents {
	width: 700px;
	margin: 30px 40px;
}

p.totop {
	margin: -25px 10px 25px auto;
	text-align: right;
}
p.totop a:link, p.totop a:hover,
p.totop a:visited, p.totop a:active  {
	color: #676a75;
	text-decoration: none;
}

p.totop a:hover {
	text-decoration: underline;
}
p.totop p img {
	vertical-align: middle;
}

#video {
}

#flow h4 {
	color: #c5171d;
	font-size: medium;
	border-bottom: 1px dotted #c5171d;
	margin: 1em 0 0.5em;
	
	zoom: 100%; /*IE Hack*/
}
#flow h4:first-letter {
	font-size: xx-large;
	line-height: 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#flow p {
	margin-left: 40px;
}

#example h3,
#price h3,
#media h3,
#qa h3,
#contact h3 {
	font-size: small;
	line-height: 100%;
	width: 660px;
	height: 28px;
	text-indent: 25px;
	line-height: 28px;
	background-image: url(../images/h3_660.gif);
	background-repeat: no-repeat;
	margin: 1em 0 0.5em;
}
#example h4,
#price h4,
#media h4,
#contact h4 {
	font-size: small;
	color: #c5171d;
	border-bottom: 1px dotted #c5171d;
	border-right: 10px solid #c5171d;
	margin: 1em 0 0.5em;
}

table.price_list {
	margin: 10px 0;
	width: 100%;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
table.price_list td {
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 2px 4px;
}
table.price_list th {
	background-color: #F9F9F9;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 2px 4px;
}
#price strong.off {
	color: #c5171d;
}
#price p.campaign_price {
	color: #c5171d;
	font-size: large;
	font-weight: bold;
	line-height: 130%;
}


#trouble h3 {
	font-size: medium;
	color: #c5171d;
}

.basebox {
	padding: 15px;
	background-color: #F3F3F3;
	margin-bottom: 20px;
}

table.example_box {
	margin-top: 5px;
	border-top: 1px solid #c5171d;
	border-left: 1px solid #c5171d;
	border-right: 1px solid #c5171d;
	border-bottom: 1px solid #c5171d;
	background-color: #FFFFFF;
}

table.example_box tr.title {
	background-color: #f4545a;
}
table.example_box tr.title td {
	font-size: x-small;
	color: #FFFFFF;
}
table.example_box tr.inquiry {
	background-color: #ffeaea;
}

table.example_box td {
	padding: 2px 5px;
}
table.example_box td.notes {
	font-weight: bold;
	color: #c5171d;
}
table.example_box td.bb_dot {
	border-bottom: 1px dotted #CCCCCC;
}
table.example_box td.caption {
	width: 110px;
}

p.point {
	margin: 0.2em 0 0.2em 1em;
}
p.point strong {
	color: #c5171d;
	font-weight: normal;
}

#media .left {
	width: 100px;
	float: left;
}
#media .right {
	width: 500px;
	float: right;
}

#qa h4 {
	font-size: small;
	color: #c5171d;
	border-bottom: 1px dotted #c5171d;
	margin: 1em 0 0.5em;
	background-image: url(../images/Q.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#qa p {
	background-image: url(../images/A.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 1.5em;
}

.contact {
	width: 360px;
	height:80px;
	overflow: hidden;
	margin: 0 auto 30px;;
}

/* お問い合わせフォーム */
#CONTACTCONTAINER {
	margin: 0 auto;
	width: 560px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 20px 20px;
}

.notes {
	color: #DD0000;
}
p.notes {
	margin-bottom: 20px;
}

textarea#personal_info {
	width: 100%;
/*	height: 5em; */
	line-height: 130%;
	color: #333333;
	font-size: small;
	border: 1px solid #999999;
}

span.example {
	font-size: x-small;
	color: #999999;
}

table.contact_table input {
	padding: 2px 0;
}
table.contact_table textarea {
	padding: 2px 0;
	line-height: 130%;
}
table.contact_table input#zipadd {
	padding: 2px 0;
	font-size: x-small;
	background-color: #F0F0F0;
}

table.contact_table input,
table.contact_table select,
table.contact_table textarea {
	border: 1px solid #999;
	background-color: #FFFFFF;
	font-size: small;
}
table.contact_table input.radio {
	border: none;
}
table.contact_table td {
	padding: 2px 5px;
	border-top: 1px dotted #999999;
}
table.contact_table td table td {
	padding: 0 5px;
	border-top: none;
}
table.contact_table td.cap {
	width: 120px;
}


table.contact_table input.area_max,
table.contact_table input.area_max_error,
table.contact_table textarea.area_max,
table.contact_table textarea.area_max_error {
	width: 370px;
}
table.contact_table input.error,
table.contact_table input.area_max_error,
table.contact_table textarea.area_max_error {
	border-color: #DD0000;
	background-color: #FFF6FF;
}
table.contact_table input.submit_button {
	padding: 0.2em 0.5em;
	margin: 1em auto;
	background-color: #F0F0F0;
	cursor: pointer;
}