@charset "UTF-8";
/*

contents.css
20151224up

1:CONTENTS Style common
2:CONTENTS Style コンセプト
3:CONTENTS Style 製品紹介
4:CONTENTS Style 会社概要
5:CONTENTS Style アクセス
6:CONTENTS Style お問合わせ

*/


/* ---------------------------------------------------------
1:CONTENTS Style common
----------------------------------------------------------*/
body.contents{}


/*HEADER*/
.contents header{
width:100%;
height:282px;
padding:20px 0 40px;
}
.contents header h1{
float:left;
height:100px;
}
.contents header p{
font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:lighter;
color:#333;
float:right;
padding:26px 0 0 0;
letter-spacing:0.1em;
}
/*CONTENTS TTL*/
.contents header h2{
font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:lighter;
color:#333;
width:1000px;
margin:0 auto;
font-size:33px;
height:125px;
line-height:125px;
}
.contents header h2 span{
color:#333FA5;
font-size:18px;
}

/*Layout*/
body.contents #content{}



/* ---------------------------------------------------------
2:CONTENTS Style コンセプト
----------------------------------------------------------*/
body.concept{}

h3.conceptttl{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 24px;
	text-align:center;
	border-bottom:none;
}

div#conceptsec{
	border-top:#CCC dotted 1px;
	margin:40px 0 40px;
	padding-top:40px;
}

div#conceptsec img{
	float:right;
	margin:0 0 30px 30px;
}
div#conceptsec p{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 24px;
	margin-bottom:20px;
}




/* ---------------------------------------------------------
3:CONTENTS Style 製品紹介
----------------------------------------------------------*/
body.product .swiftechie{}

#protop{
	margin-bottom:20px;
	width:1000px;
}

#protop dl{
	width:1000px;
	margin-bottom:40px;
}
#protop dl dt{
	float:left;
}
#protop dl dd{
	padding-left:350px;
}
#protop dl dd.ptttlen{
	font-size: 18px;
	margin-bottom:0px;
	color:#30F;
}
#protop dl dd.ptttljp{
	font-size: 24px;
	margin-bottom:7px;
}


#protop p.protopttlpic{
	float:left;
	margin:0 10px 10px 0;
}
#protop h4{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 24px;
	margin-bottom:20px;
}

#protop h5{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 24px;
	margin-bottom:20px;
}

#protop p.protopttlbtn{
	text-align:right;
}
	 



#content #productdtl h1 {
	border-bottom:#CCC dotted 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;}
#content #productdtl h2 {
	border-bottom:#CCC dotted 1px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;}
#content #productdtl h2 p.mainpttl {
	font-size:24px;
	text-align:center;
	margin:10px auto 20px;
	font-weight:bold;
	color:#06F;
	width:100%;}
#content #productdtl h2 p.mainpyoutube {
	font-size:18px;
	text-align:center;
	margin:10px auto 20px;
	font-weight:bold;
	width:100%;}
#content #productdtl p.hojyottl{
	color:#660;
	font-size:20px;
	margin-bottom:7px;
}
#content #productdtl dl {
	border-bottom:#CCC dotted 1px;
	padding:0 0 20px 0;
	margin:0 0 40px 0;}
#content #productdtl dl dt {
	float:left;
	width:200px;
	color:#F60;
	padding-right:20px;}
#content #productdtl dl dd {
	float:left;
	width:770px;
	margin-bottom: 10px;}
#content #productdtl p {
	float:left;
	padding-right:15px;
	margin-bottom:50px;}

/* ---------------------------------------------------------
4:CONTENTS Style 会社概要
----------------------------------------------------------*/
body.company{}

table{
	width:1000px;
	border:0px;
	margin:40px auto 40px;
}
table tr{
	border-bottom:#CCC dotted 1px;
	
}
table tr.comtop{
	border-top:#CCC dotted 1px;
	
}
table th{
	width:30%;
	border-right:#CCC dotted 1px;
	background:#eee;
	padding:20px;
	font-weight:normal;
}
table td{
	width:70%;
	padding:20px;
}

/* ---------------------------------------------------------
5:CONTENTS Style アクセス
----------------------------------------------------------*/
body.access{}

h3{
	text-align:center;
	margin:0 auto 40px;
	border-bottom:#CCC dotted 1px;
	width:700px;
	padding-bottom:20px;
	margin-bottom:20px;
}

p.way{
	text-align:center;
}



/* ---------------------------------------------------------
6:CONTENTS Style お問合わせ
----------------------------------------------------------*/
body.contact{}