@charset "UTF-8";

* {
	margin : 0px;
	padding : 0;px
}

body {
	background : url("../images/header_line_s.jpg") repeat-x;
	font-size : 12px;
	font-color : #000000;
}

#box{
	width : 870px;
	margin : auto;
}

.clear {
	clear : both;
}

/* *********ヘッダー********* */
.right{
	padding-top : 10px;
	float : right;
}

.right p{
	padding-left : 10px;
}

h1 {
	padding : 12px 0px 0px 15px;
	margin : 0px;
	color : #333333;
	font-size : 12px;
	font-weight : normal;
}

.logo{
	margin-top : 23px;
	float : left;
	border : none;
}

.tel{
	padding : 10px 0px 10px 15px;
}

#menu{
	clear : both;
}

#menu ul{
	list-style-type : none;
}

#menu li {
	display : inline;
}

#menu a img {
	border : none;
}

#contents{
	border-right : 1px solid #cccccc;
	border-left : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	width : 868px;
	padding-bottom : 5px;
	margin-left : auto;
	margin-right : auto;
}

/* *********トップ縺EージコンチEチE******** */
.appeal{
	padding : 9px;
	margin-bottom : 10px;
	border-bottom : 1px solid #cccccc;
}

#info{
	width : 846px;
	margin : 0px auto;
}

.information{
	width : 448px;
	height : 120px;
	float : left;
	background : url("../images/flame_info.jpg") no-repeat;
}

.information dl{
	margin-top : 13px;
}

.information dt,
.information dd {
	border-bottom : 1px dashed #cccccc;
	padding-bottom : 1px;
	float : left;
	clear : left;
}

.information dt {
	width : 88px;
	margin : 0px 0px 0px 10px;
}

.information dd {
	width : 333px;
	text-align : left;
	margin : -16px 10px 0px 100px;
}

.onlinebanner{
	margin-left : 8px;
	border : none;
	float : right;
}

.agencybanner{
	float : right;
	border : none;
}

.point{
	clear : both;
	height : 110px;
	text-align : center;
	padding-top : 10px;
}

.point img{
	padding : 0px 3px;
}

.about_dp{
	width : 846px;
	margin : 20px auto;
	margin-bottom : 10px;
	overflow: hidden;
}

.about_dp_left{
	width : 500px;
	float : left;
}

.about_dp .word{
	width : 480px;
	margin : 10px 0px 0px 10px;
	background : url("../images/under_line.gif") repeat;
}

.about_dp p{
	line-height : 20px;
}

.about_dp img{
	border : none;
}

.dpimage{
	margin-right : 10px;
	float : right;
}

.estimation{
	width : 850px;
	background : url("../images/sideflame.jpg") repeat-y;
	margin : 0px auto;
}

.iketani{
	float : left;
	margin-top : 15px;
	padding-left : 20px;
}

.estimation_right{
	float : right;
	width : 490px;
	margin-top : 15px;
	padding-right : 20px;
}
.estimation .word{
	width : 480px;
	background : url("../images/under_line.gif") repeat;
}

.estimation p{
	line-height : 20px;
}

.estimation h5{
	color : #ff0000;
	font-size : 14px;
	padding-left : 15px;
	margin-top : 10px;
	margin-bottom : 5px;
}

.warning{
	color : #ff0000;
}

.detail{
	display : block;
	float : right;
	margin : 5px 10px 0px 0px;
	border : none;
}

.top_demo{
	margin : 20px 0px 0px 170px;
	border : none;
}

/* *********フッター********* */
.returntop{
	float : right;
	padding : 10px 10px 0px 0px;
}

.demo{
	margin : 30px 97px 30px 98px;
	border : none;
}

#top_footer {
	clear : both;
	width : 695;
	text-align : right;
	padding : 10px 15px 0px 0px;
}

#footer {
	clear : both;
	width : 695;
	text-align : right;
	padding-right : 15px;
	background : url("../images/footerline.jpg") no-repeat;
	background-position : 171px;
}

#copyrights{
	text-align : center;
	margin : 10px 0px 10px 0px;
	clear : both;
}

/* *********サブメニュー********* */
#left{
	width : 171px;
	float : left;
	margin-top: 6px;
}

.pankuzu{
       width : 350px;
       font-size: 11px;
       margin-top: 7px;
       padding: 10px;
      }

#sub_menu{
	margin : 0px 6px 9px;
}
#sub_menu ul{
	list-style-type : none;
}

#sub_menu a{
	display : block;
}
#sub_menu img{
	border : none;
	vertical-align : bottom;
}

.sbm_onlinebanner{
	margin : 0px 6px 3px 6px;
	border : none;
}

/* *********製品紹介コンチEチE******** */
#right{
	width : 696px;
	float : right;
	margin-top : 6px;
	border-left : 1px solid #cccccc;
}

#title{
	height : 117px;
	margin : 0px 6px 15px 6px;
}

#title p{
	margin : -65px 0px 0px 20px;
	line-height : 18px;
	font-weight : bold;
	color : #393939;
}
.pp_point{
	float : left;
	width : 131px;
	padding : 0px;
	margin-left : 6.5px;
	_margin-left : 4px;
}

.pp_point img{
	margin : 1px;
}

.pp_point p{
	width : 130px;
	text-align : center;
}

#case_stady{
	width : 690px;
	float : right;
    background : url("../images/casestady_picture.jpg") no-repeat;
    background-position : right 35px;
}

#case_stady img{
	margin : 35px 0px 0px 0px;
}

#case_stady .case img{
	margin : 20px 0px 0px 0px ;
}

#case_stady .case h3{
	color : #7e2a00;
	font-weight : bold;
	font-size : 14px;
	padding : 10px 0px 0px 10px;
}

#case_stady .case .word{
	width : 665px;
	background : url("../images/under_line.gif") repeat;
}

#case_stady .case p{
	line-height : 20px;
}

#dp_type{
	clear : both;
	padding : 40px 0px 0px 6px;
}

#dp_type h4{
	font-weight : bold;
	font-size : 14px;
	color : #ff0000;
	padding : 10px 0px 0px 5px;
}

#dp_type p{
	padding : 2px 0px 0px 30px;
}

/* *********PC版機閨E********* */
#right .menu{
	clear : both;
}

#right .menu ul{
	list-style-type : none;
}

#right .menu li {
	display : inline;
}

#right .menu a img {
	border : none;
}

#right .menu{
	margin : 6px;
}

#right .menulist{
	width : 690px;
	margin : 10px 0px 15px 6px;
	line-height : 18px;
}

#right .menulist a{
	color : #000080;
}

#pc{
	width : 690px;
	float : right;
}

.p_features {
	width:100%;
	margin : 20px 0px;
}

.p_features img{
	padding-top : 20px;
	border : none;
}

.explanation{
	margin : 15px 0px 15px 3px;
	float:left;
}

.word{
	width : 430px;
	background : url("../images/under_line.gif") repeat;
	margin : 10px 0px 0px 15px;
}

.explanation p{
	padding-left : 5px;
	line-height : 20px;
}

.pic{
	padding : 0px 0px 5px 20px;
}

.pic_one{
	padding : 0px 0px 5px 75px;
}

.line{
	clear : both;
	text-align : right;
	padding-top : 10px;
}

/* *********料驕ﾟプラン********* */
#pricebox{
	margin : 6px;
}

#pricebox table{
	width : 682px;
	border : 1px solid #cccccc;
	border-collapse : collapse;
	margin-top : 15px;
}

#pricebox tr{
	border : 1px solid #cccccc;
}

#pricebox td{
	border : 1px solid #cccccc;
	padding : 5px 5px 5px 10px;
	text-align : center;
}

#pricebox .note{
	text-align : left;
}

.pricetitle{
	background-color : #f8f8f8;
	text-align : center;
	font-weight : bold;
}

.pricelist{
	margin : 15px 0px 15px 0px;
}

#pricebox p{
	padding-top: 10px;
	font-size : 11px;
	padding-left : 15px;
}

#pricebox .title{
	padding-left : 0;
	font-size : 12px;
	font-weight:bold;
}

#flow{
	background-color : #ffdab9;
	float : left;
	width : 300px;
	height : 250px;
}

#flow_detail{
	background-color : #ffe4b5;
	height : 250px;
}

#linkA,
#linkB,
#linkC {
	text-align : right;
	padding-top : 5px;
}

/* *********動作環墁E******** */
#systembox{
	margin : 6px 0px;
}

#systembox table{
	width : 684px;
	border : 1px solid #cccccc;
	border-collapse : collapse;
	margin : 10px 0px 10px 6px;
	line-height : 18px;
}
#systembox tr{
	border : 1px solid #cccccc;
}

#systembox td{
	padding : 5px 5px 5px 10px;
	border : 1px solid #cccccc;
}

#systembox th{
	border : 1px solid #cccccc;
	background-color : #f6f6f6;
	color : #393939;
}

#systembox ul li{
	list-style : none;
}

.systemword{
	padding : 10px 0px 10px 20px;
}

.other_systemword{
	font-size : 10px;
	padding : 0px 0px 10px 10px;
}

#systembox h3{
	margin : 15px 0px 0px 10px;
}

/* *********導蛛E事侁E******** */
#estimation_iketani{
	margin : 6px;
}

.question_reason{
	margin-top : 40px;
}

.question_reason:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.question_reason .word{
	width : 300px;
	margin-left : 10px;
}

.question_reason p{
	line-height : 20px;
}

.reason{
	width : 330px;
	float : left;
}

.question_reason h3{
	padding-left : 6px;
}

.question_result{
	margin-top : 10px;
	height : 200px;
}

.question_result .word{
	width : 400px;
}

.question_result p{
	line-height : 20px;
}

.result{
	width : 430px;
	float : right;
}

.question_result h3{
	padding-left : 12px;
}

/* *********FAQ********* */
#faqbox h3{
	margin : 15px 0px 0px 6px;
}

.question{
	background : url("../images/q.jpg") no-repeat;
	background-position : 10px 10px;
}

.question p{
	padding : 15px 0px 5px 35px;
	line-height : 18px;
}

.answer{
	background : url("../images/a.jpg") no-repeat;
	background-position : 10px 10px;
}

.answer p{
	padding : 15px 0px 5px 35px;
	line-height : 20px;
}

/* ********* フォーム全般 ********* */
table.form{
	width : 672px;
}

table.form th{
	width : 25%;
}

table.form td{
	width : 75%;
}

/* *********お問ぁEわせ********* */
#inquirybox{
	margin : 6px;
}
#inquirybox table{
	border : 1px solid #cccccc;
	border-collapse : collapse;
	margin : 15px auto;
}

#inquirybox th{
	border : 1px solid #cccccc;
	background-color : #f6f6f6;
	padding : 5px 5px 5px 10px;
	text-align : left;
	font-weight : normal;
}

#inquirybox td{
	border : 1px solid #cccccc;
	padding : 5px;
}

#inquirybox .indispensable{
	color : #ff0000;
	font-size : 9px;
	font-weight : bold;
}

#protect{
	overflow : auto;
}

.agree{
	text-align : center;
}

.agree input{
	margin : 0px 5px 0px 5px;
}

.agree label{
	font-size: 14px;
	line-height: 120%;
}

#button{
	width : 200px;
	height : 20px;
	margin : 0px auto;
}

#button button{
	width : 80px;
}

#support{
	margin-top : 30px;
}

#support h4{
	color : #ff0000;
	font-size : 18px;
	font-weight : bold;
	text-align : center;
	padding : 10px 0px 10px 0px;
}

#support p{
	text-align : center;
	padding-bottom : 5px;
}

/* *********賁EダウンローチE******** */
.comment{
	text-align : center;
	padding-top : 10px;
}
#inquirybox li{
	list-style : none;
	line-height : 20px;
}

#inquirybox #dl_pdf,
#inquirybox #dl_reader,
#inquirybox #dl_reader img{
	margin : 10px 0;
}


/* *********サイト縺EチEE********* */
#sitemapbox{
	margin : 6px;
	padding-left : 30px;
}

#sitemapbox li{
	list-style : none;
}

#sitemapbox .menu_title{
	background : url("../images/sitemap_button.jpg") no-repeat;
	padding-left : 18px;
	margin-top : 10px;
	font-weight : bold;
}

#sitemapbox .sub_title{
	padding-left : 6px;
}

#sitemapbox .sub_title li{
	background : url("../images/sitemapline_t.jpg") no-repeat;
	padding : 15px 0px 0px 52px;
}

#sitemapbox .sub_title .sub_bottom{
	background : url("../images/sitemapline_l.jpg") no-repeat;
}


/* ********* お知らせ ********* */
#infobox{
	margin : 6px 0;
}

#infobox h4 {
	font-style : sans-serif;
	line-heignt : 1.1em;
	margin-top : 20px;
	margin-left : 15px;
}

#infobox h4 img {
	margin-right : 5px;
}

#infobox .word{
	width : 92%;
	line-height : 20px;
	margin-top : 2px;
	padding-top : 1px;
}

.outline {
	border-collapse:collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding-top: 10px;
	margin: 0 auto 20px auto;
	line-height:180%;
}
.outline th{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	width:100px;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	vertical-align:top;
	font-weight:bold;
	}

.outline td {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	padding-left:5px;
	padding-top:5px;
	width:540px;
	text-align:left;
	padding-left:10px;
}

/*プライバシーポリシー*/
.privacy{
	line-height:200%;
}

.privacy ol {
	padding-left:10px;
	margin-bottom:15px;
	padding-left: 1em;
	text-indent: -1em;
}
.privacy ol li{
list-style-type:decimal;
list-style-position:inside;
}
.privacy ol li.nomark ul li{
	list-style:none;
}
.privacy div.office{
margin-bottom:20px;
}

.office {
	text-align: right;
	padding-bottom: 5px;
	margin: 5px 10px;
	border-bottom: 1px dotted #CCC;
}
.mark {
	margin-top: 20px;
}

/*リスト表示用スタイル*/
.list {
	margin-left: 30px;
}
.list li {
	margin: 25px 0;
}
.list li p{
	margin-top: 12px;	/*font-sizeに合わせる*/
}
.list li ul{
	list-style-type : disc;
	margin-left: 30px;
	line-height : 1.5em;
}
.list li ul li {
	margin: 0;
}