@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


/*==========================================
 body
===========================================*/
body {
	width: 100%;
	height: 100%;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #35343a;
}

div#stage {
	width: 100%;
	height: 100%;
	/* [disabled]background: #2d2d2d; */
}



/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
	width: 100%;
	height: 120px;
}
header .wrap {
	width: 94%;
	height: auto;
	margin: 0px 3% 0px 3%;
}

/*logoの設定*/
header .wrap h1 {
	display: block;
	float: left;
	width: 94px;
	height: 63px;
}
header .wrap h1 img{
	display: block;
	width: 80px;
	height: 40px;
	margin: 13px 10px 10px 4px;
	
}

/*ブランドナビのスタイル*/
header .wrap #branav{
	display: block;
	float: left;
	width: 190px;
	height: 58px;
}
header .wrap #branav p{
	font-size: 0.8em;
}
header .wrap #branav ul{
	width: auto;
	height: auto;
	margin: 10px 0px 10px 0px;
}
header .wrap #branav ul li{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 2px 1px 2px 1px;
	padding: 3px 6px 3px 6px;
}
header .wrap #branav ul li a{
	color: #CCC;
	text-decoration: none;
}

header .wrap #branav ul li a:hover{
	color: #FFF;
	text-decoration: none;
}

header .wrap #branav ul li.current a{
	color: #FFF;
	text-decoration: none;
}



header .wrap #branav ul li#usea{
	background: url(../images/header/bnav_2a.png) no-repeat center center;
}
header .wrap #branav ul li#athl{
	background: url(../images/header/bnav_2b.png) no-repeat center center;
}
header .wrap #branav ul li#custo{
	background: url(../images/header/bnav_2c.png) no-repeat center center;
}
header .wrap #branav ul li#fine{
	background: url(../images/header/bnav_2d.png) no-repeat center center;
}
header .wrap #branav ul li#ecou{
	background: url(../images/header/bnav_2e.png) no-repeat center center;
}



/*ナビゲーションのスタイル*/
header .wrap #nav{
	clear: both;
	width: 100%;
	height: auto;
}
header .wrap #nav p{
	font-size: 0.9em;
}
header .wrap #nav ul{
	display: block;
	margin: 0px 0px 0px 0px;
}
header .wrap #nav ul li{
	display: block;
	float: left;
	margin: 3px 3px 3px 1px;
	padding: 2px 7px 2px 7px;
}
header .wrap #nav ul li a{
	color: #CCC;
	text-decoration: none;
}
header .wrap #nav ul li a:hover{
	color: #FFF;
	text-decoration: none;
}

header .wrap #nav ul li.current a{
	color: #FFF;
	text-decoration: none;
}



/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
div#contents {
	clear: both;
	width: 94%;
	height: auto;
	margin: 0px 3% 25px 3%;
	padding: 30px 0px 0px 0px;
	background-color: rgba(255,255,255,0.1);
}




/*「お問い合せボタン」*/
#stage #contents .contactus {
	clear: both;
	width: 100%;
	text-align: center;
}	
#stage #contents .contactus img{
	width: 215px;
	height: 42px;
}

/*======================================================
 コンテンツエリア -> users.html全体のスタイル
======================================================*/
div#contents div#usersvoice{
	width: 100%;
	height: auto;
	margin: 0px 0px 35px 0px;
}
div#contents div#usersvoice h2{
	display: block;
	margin: 0px 0px 27px 0px;
	font-family: 'Fanwood Text', serif;
	font-weight: normal;
	font-size: 32px;
	letter-spacing: 0.05em;
}

/*================================================
 コンテンツエリア -> users.html-> users のスタイル
=================================================*/
div#contents section#users{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#users article{
	width: 100%;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#users div.image{
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div#contents section#users div.image img {
	width: 100%;
	max-width: 220px;
}
div#contents section#users div.description{
	width: 100%;
}
div#contents section#users div.description h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: center;
}
div#contents section#users div.description h3 small{
	font-size: 0.9em;
}
div#contents section#users div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}

/*================================================
 コンテンツエリア -> users.html-> news のスタイル
=================================================*/

/*動画コーナーのスタイル*/
div#contents section#news {
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#news article{
	width: 100%;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
}

div.video-container {
    width: 100%;
	margin: 0px 0px 0px 0px;
}
video{
  width: 100%;
  max-width: 100%;
  height: auto;
}

div.video-container img{  /*comingsoon.jpg*/
  width: 100%;
  max-width: 100%;
  height: auto;
}



div#contents section#news div.description{
	width: 100%;
}
div#contents section#news div.description h3{
	line-height:1.3;
	margin: 0px 0px 10px;
	padding: 10px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#news div.description h3 small{
	font-size: 0.9em;
}

div#contents section#news div.description p{
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}

/*======================================================
 コンテンツエリア -> works.html全体のスタイル
======================================================*/
div#contents div#workprocess{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}
div#contents div#workprocess h2{
	display: block;
	margin: 0px 0px 27px 0px;
	font-family: 'Fanwood Text', serif;
	font-weight: normal;
	font-size: 32px;
	letter-spacing: 0.05em;
}


/*=====================================================
 コンテンツエリア -> works.html -> maker のスタイル
======================================================*/
div#contents section#maker{
	display: block;
	width: 92%;
	margin: 0px 0px 40px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#maker article{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#maker div.image{
	width: 100%;
	height: auto;
	margin: 0px 0px 9px 0px;	
	text-align: center;
}
div#contents section#maker div.image img{
	width: 100%;
	max-width: 170px;
}
div#contents section#maker div.description{
	width: 100%;
}

div#contents section#maker div.description h3.kaigyou{
	display: none;
	line-height: 1.4em;/*smallとの距離感のため*/
	margin: 0px 0px 8px 0px;
	font-size: 0.95em;
	text-align: center;
}
div#contents section#maker div.description h3.kaigyou small{
	margin: 0px 0px 28px 0px;
	padding: 0px 0px 28px 0px;
	font-size: 0.9em;
}

div#contents section#maker div.description h3{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: thin dotted #999;
	font-size: 0.95em;
	text-align: center;
}	
div#contents section#maker div.description h3 small{
	font-size: 0.9em;
}	

div#contents section#maker div.description p{
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}

/*===================================================
 コンテンツエリア -> works.html-> process のスタイル
====================================================*/
div#contents section#process {
	display: block;
	width: 92%;
	margin: 0px 0px 45px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#process h3.kaigyou{
	display: block;
	line-height: 1.4em;/*2行めとの距離のため*/
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: thin dotted #999;
	font-size: 0.95em;
	text-align: center;
}

div#contents section#process h3 {
	display: none;
}

div#contents section#process ul{
	width: 100%;
}

div#contents section#process ul li{
	display: block;
	float: left;
	width: 40.6%;
	max-width: 130px;
	height: 210px;
	margin: 0px 1.7% 25px 0%;
	padding: 8px 3.7% 0px 3.7%;
	text-align: center;
	background: url(../images/works/bgc_process.png);
}


div#contents section#process ul li div.number{
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#process ul li div.number p {
	line-height: 1.1em;
	color: #999;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

div#contents section#process ul li div.image {
	width: 100%;
	max-width: 150px;
	margin: 0px auto 5px auto;
}

div#contents section#process ul li div.image img {
	width: 100%;
	height: auto;
} 

div#contents section#process ul li div.description {
	width: 100%;
	margin: 0px auto 0px auto;
}

div#contents section#process ul li div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*======================================
 全デバイス共通の「理想の歩行へ」#usual_3
========================================*/
div#contents section#usual_3{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#usual_3 h2{
	display: block;
	width: 100%;
	margin: 0px 0px 18px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
}

div#contents section#usual_3 article{
	width: 100%;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
}


div#contents section#usual_3 div.description{
	width: 100%;
}
div#contents section#usual_3 div.description h3{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#usual_3 div.description p{
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	text-align: left;
}


/* レントゲン風イラスト*/
div#contents section#usual_3 div.image100_50{
	width: 100%;
	max-width: 360px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
div#contents section#usual_3 div.image100_50 img{
	width: 100%;
}

div#contents section#usual_3 div.description100_50{
	width: 100%;
}
div#contents section#usual_3 div.description100_50 h3{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#usual_3 div.description100_50 p{
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	text-align: left;
}

/*====================================
 全デバイス共通「　　　　　」#usual_4
======================================*/
div#contents section#usual_4{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 40px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#usual_4 article{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#usual_4 div.image{
	width: 100%;
	margin: 0px 0px 10px 0px;
}
div#contents section#usual_4 div.image img{
	width: 100%;
}
div#contents section#usual_4 div.description{
	width: 100%;
}
div#contents section#usual_4 div.description h3{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#usual_4 div.description p{
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	text-align: left;
}

/*====================================
 全デバイス共通「日本人の足に合った」#usual_5
======================================*/
div#contents section#usual_5{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 35px 0px;
	padding: 0px 4% 0px 4%;
}


div#contents section#usual_5 article{
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#usual_5 article div.image{
	width: 100%;
	margin: 0px 0px 10px 0px;
}
div#contents section#usual_5 article div.image img{
	width: 100%;
}

div#contents section#usual_5 article div.description{
	width: 100%;
}
div#contents section#usual_5 article div.description h3{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#usual_5 article div.description p{
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	text-align: left;
}




/*======================================================
 コンテンツエリア -> aboutus.html全体のスタイル
======================================================*/
div#contents div#outline{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}
div#contents div#outline h2{
	display: block;
	margin: 0px 0px 27px 4%;
	font-family: 'Fanwood Text', serif;
	font-weight: normal;
	font-size: 32px;
	letter-spacing: 0.05em;
}

/*=====================================================
 コンテンツエリア -> aboutus.html -> company のスタイル
======================================================*/
div#contents section#company{
	display: block;
	width: 92%;
	margin: 0px 0px 28px 0px;
	padding: 0px 4% 28px 4%;
}

div#contents section#company article.detail  {
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#company article.detail h3{
	line-height: 2.5em;
	margin: 0px 0px 10px 9px;
	font-size: 0.95em;
	text-align: center;
}



/* 表 */
div#contents section#company article.detail table.profile {
	width: 100%;
	font-size: 1em;
	border-collapse:separate;
	border-spacing:3px 11px;
}

div#contents section#company article.detail table.profile tbody tr {
	
}

div#contents section#company article.detail table.profile tbody th {
	padding: 7px 8px 13px 10px;
	border-right:  thin dotted #555;
	border-bottom: thin dotted #999;
	font-weight: bold;
	font-size: 0.83em;
	text-align: left;
}

div#contents section#company article.detail table.profile tbody td {
	padding: 7px 8px 13px 12px;
	border-bottom: thin dotted #999;
	font-size: 0.8em;
	text-align: left;
}



/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  right: 1px;
  bottom: 2px;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer div{
	width: 100%;
	height: auto;
	padding: 0px 0px 40px 0px;
	text-align: center;
}
footer div  small{
  font-size: 0.6em;
}


/* Small Tablet 向けレイアウトの指定：480～599px */
@media only screen and (min-width: 480px) {	
/*-----------------------------------------
 body
-----------------------------------------*/
body {
	width: 100%;
	height: 100%;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #35343a url(../images/contents/Background_etc01.jpg) no-repeat center center fixed;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

div#stage {
	width: 100%;
	height: 100%;
	
}

	
/*-----------------------------------------
 ヘッダーのスタイル
-----------------------------------------*/
header {
	width: 100%;
	height: 95px;
}
header .wrap {
	width: 94%;
	height: auto;
	margin: 0px 3% 0px 3%;
}

/*logoの設定*/
header .wrap h1 {
	display: block;
	float: left;
	width: 94px;
	height: 63px;
}
header .wrap h1 img{
	display: block;
	width: 80px;
	height: 40px;
	margin: 13px 10px 10px 4px;
	
}

/*ブランドナビのスタイル*/
header .wrap #branav{
	display: block;
	float: left;
	width: 320px;
	height: 58px;
}
header .wrap #branav p{
	font-size: 0.8em;
}
header .wrap #branav ul{
	width: auto;
	height: auto;
	margin: 35px 0px 10px 0px;
}
header .wrap #branav ul li{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 2px 1px 2px 1px;
	padding: 3px 6px 3px 6px;
}
header .wrap #branav ul li#usea{
	background: url(../images/header/bnav_2a.png) no-repeat center center;
}
header .wrap #branav ul li#athl{
	background: url(../images/header/bnav_2b.png) no-repeat center center;
}
header .wrap #branav ul li#custo{
	background: url(../images/header/bnav_2c.png) no-repeat center center;

}
header .wrap #branav ul li#fine{
	background: url(../images/header/bnav_2d.png) no-repeat center center;
}
header .wrap #branav ul li#ecou{
	background: url(../images/header/bnav_2e.png) no-repeat center center;
}



/*ナビゲーションのスタイル*/
header .wrap #nav{
	clear: both;
	width: 100%;
	height: auto;
}
header .wrap #nav p{
	font-size: 0.9em;
}
header .wrap #nav ul{
	display: block;
	margin: 0px 0px 0px 0px;
}
header .wrap #nav ul li{
	display: block;
	float: left;
	margin: 3px 3px 3px 1px;
	padding: 2px 7px 2px 7px;
}









/*--------------------------------------------------
 コンテンツエリア全体のスタイル
----------------------------------------------------*/
div#contents {
	margin: 0px 3% 25px 3%;
	padding: 34px 0px 0px 0px;
}


/*「お問い合せボタン」*/
#stage #contents .contactus {
	width: 100%;
	text-align: right;
}	
#stage #contents .contactus img{
	width: 215px;
	height: 42px;
}

/*--------------------------------------------------
 コンテンツエリア -> users.html全体のスタイル
----------------------------------------------------*/
div#contents div#usersvoice{
	width: 100%;
	height: auto;
	margin: 0px 0px 40px 0px;
}
div#contents div#usersvoice h2{
	margin: 0px 0px 27px 0px;
	font-size: 34px;
}

/*------------------------------------------------
 コンテンツエリア -> users.html-> users のスタイル
--------------------------------------------------*/
/* 使用者コラム、1列2行のままだがアーティクル内が横並びに */
div#contents section#users{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#users article{
	clear: both;
	width: 100%;
	margin: 0px 0px 35px 0px; /*この35pxは効かないので*/
	padding: 0px 0px 0px 0px;
}
div#contents section#users div.image{
	float: left;
	width: 44%;
	margin: 0px 4% 50px 0px; /*ここで距離を取る*/
	text-align: center;
}
div#contents section#users div.image img {
	width: 100%;
}
div#contents section#users div.description{
	float: left;
	width: 52%;
}
div#contents section#users div.description h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#users div.description h3 small{
	font-size: 0.9em;
}
div#contents section#users div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*------------------------------------------------
 コンテンツエリア -> users.html-> news のスタイル
--------------------------------------------------*/
div#contents section#news article{
	margin: 0px 0px 45px 0px;
}



/*--------------------------------------------------
 コンテンツエリア -> works.html全体のスタイル
----------------------------------------------------*/
div#contents div#workprocess{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}
div#contents div#workprocess h2{
	margin: 0px 0px 27px 0px;
	font-size: 34px;
}


/*--------------------------------------------------
 コンテンツエリア -> works.html -> maker のスタイル
----------------------------------------------------*/
div#contents section#maker{
	display: block;
	width: 92%;
	margin: 0px 0px 45px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#maker article{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents section#maker div.image{
	float: left;
	width: 26%;
	margin: 0px 4% 0px 0px;
	text-align: left;
}
div#contents section#maker div.image img{
	width: 100%;
	max-width: 170px;
	height: auto;
}
div#contents section#maker div.description {
	float: left;
	width: 70%;
}


div#contents section#maker div.description h3.kaigyou{
	display: none;
	text-align: left;
}
div#contents section#maker div.description h3.kaigyou small{
	margin: 0px 0px 28px -7px;
	padding: 0px 0px 28px 0px;
	font-size: 0.9em;
}

div#contents section#maker div.description h3{
	display: block;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: thin dotted #999;
	font-size: 0.95em;
	text-align: left;
}	
div#contents section#maker div.description h3 small{
	font-size: 0.9em;
}	




/*--------------------------------------------------
 コンテンツエリア -> works.html-> process のスタイル
----------------------------------------------------*/
div#contents section#process {
	display: block;
	width: 92%;
	margin: 0px 0px 45px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#process h3.kaigyou{
	display: none;
}

div#contents section#process h3 {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: thin dotted #999;
	font-size: 0.95em;
	text-align: left;
}


div#contents section#process ul{
	width: 100%;
}

div#contents section#process ul li{
	display: block;
	float: left;
	width: 26.5%;
	max-width: 130px;
	height: 210px;
	margin: 0px 1.7% 25px 0%;
	padding: 8px 2.4% 0px 2.4%;
	text-align: center;
}


div#contents section#process ul li div.number{
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#process ul li div.number p {
	line-height: 1.1em;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

div#contents section#process ul li div.image {
	width: 100%;
	max-width: 150px;
	margin: 0px auto 5px auto;
}

div#contents section#process ul li div.image img {
	width: 100%;
	height: auto;
} 

div#contents section#process ul li div.description {
	width: 100%;
	margin: 0px auto 0px auto;
}

div#contents section#process ul li div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*-----------------------------------
 480px幅以上の「理想の歩行へ」#usual_3
-------------------------------------*/
div#contents section#usual_3{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#usual_3 h2{
	display: block;
	width: 100%;
	margin: 0px 0px 18px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
}


div#contents section#usual_3 div.image100_50{
	width: 100%;
	margin: 0px 0px 20px 0px;
}

/*-----------------------------------
 480px幅以上の「　　　　　」#usual_4
-------------------------------------*/
div#contents section#usual_4{
	margin: 0px 0px 30px 0px;
	padding: 0px 4% 30px 4%;
}




/*-----------------------------------
 480px幅以上の「安心の品質」#usual_5
-------------------------------------*/
div#contents section#usual_5{
	margin: 0px 0px 40px 0px;
	padding: 0px 4% 0px 4%;
}






/*--------------------------------------------------
 コンテンツエリア -> aboutus.html全体のスタイル
----------------------------------------------------*/
div#contents div#outline{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}
div#contents div#outline h2{
	margin: 0px 0px 27px 4%;
	font-size: 34px;
}

/*-----------------------------------------------------
 コンテンツエリア -> aboutus.html -> company のスタイル
-------------------------------------------------------*/
div#contents section#company{
	display: block;
	width: 92%;
	margin: 0px 0px 150px 0px;
	padding: 0px 4% 65px 4%;
}

div#contents section#company article.detail {
	width: 95%;
	margin: 0px auto 0px auto;
	text-align: center;
}

div#contents section#company article.detail h3{
	line-height: 2.5em;
	margin: 0px 0px 10px 9px;
	font-size: 0.95em;
	text-align: center;
}


div#contents section#company article.detail table.profile tbody th {
	padding: 7px 8px 13px 16px;
}

div#contents section#company article.detail table.profile tbody td {
	padding: 7px 8px 13px 16px;
}




/*-----------------------------------------
 フッターのスタイル
-------------------------------------------*/
footer div{
	display: block;

}
}



/* Small Tablet 向けレイアウトの指定：600～767px */
@media only screen and (min-width: 600px) {	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア全体のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents {
	padding: 37px 0px 0px 0px;
}

/*「お問い合せボタン」*/
	
#stage #contents .contactus img{
	width: 245.7px;
	height: 48px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> users.html全体のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents div#usersvoice{
	width: 100%;
	height: auto;
	margin: 0px 0px 45px 0px;
}
div#contents div#usersvoice h2{
	margin: 0px 0px 27px 0px;
	font-size: 35px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> users.html-> users のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*使用者の感想コラムが1列2行から2列3行に変化*/
div#contents section#users{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#users article{
	clear: none;
	float: left;
	width: 48%;
	margin: 0px 4% 52px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents section#users article:nth-child(2){
	float: left;
	width: 48%;
	margin: 0px 0px 52px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents section#users div.image{
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div#contents section#users div.image img {
	width: 100%;
}
div#contents section#users div.description{
	width: 100%;
}
div#contents section#users div.description h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: center;
}
div#contents section#users div.description h3 small{
	font-size: 0.9em;
}
div#contents section#users div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> users.html-> news のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
/*動画コーナーのスタイル*/
div#contents section#news {
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}
div#contents section#news article{
	width: 100%;
	margin: 0px 0px 55px 0px;
	padding: 0px 0px 0px 0px;
}
div.video-container {
	float: left;
    width: 100%;
}
video{
  width: 100%;
  max-width:520px;
}

div.video-container img{  /*comingsoon.jpg*/
  width: 100%;
  max-width:520px;
}


div#contents section#news div.description{
	clear:both;
	display: block;
	width: 100%;
	max-width:520px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#news div.description h3{
	margin: 0px 0px 10px;
	padding: 10px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}
div#contents section#news div.description p{
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> works.html全体のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> works.html -> maker のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#maker{
	width: 92%;
	margin: 0px 0px 50px 0px;
	padding: 0px 4% 0px 4%;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> works.html-> process のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#process {
	display: block;
	width: 92%;
	margin: 0px 0px 45px 0px;
	padding: 0px 4% 0px 4%;
}




div#contents section#process ul{
	width: 100%;
}

div#contents section#process ul li{
	display: block;
	float: left;
	width: 19.7%;
	max-width: 130px;
	height: 210px;
	margin: 0px 1.1% 25px 0%;
	padding: 8px 2.1% 0px 2.1%;
	text-align: center;
}


div#contents section#process ul li div.number{
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#process ul li div.number p {
	line-height: 1.1em;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

div#contents section#process ul li div.image {
	width: 100%;
	max-width: 150px;
	margin: 0px auto 5px auto;
}

div#contents section#process ul li div.image img {
	width: 100%;
	height: auto;
} 

div#contents section#process ul li div.description {
	width: 100%;
	margin: 0px auto 0px auto;
}

div#contents section#process ul li div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 600px幅以上の「理想の歩行へ」#usual_3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#usual_3{
	display: block;
	clear: both;
	width: 92%;
	margin: 0px 0px 0px 0px;
	padding: 0px 4% 0px 4%;
}

div#contents section#usual_3 h2{
	display: block;
	width: 100%;
	margin: 0px 0px 18px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 600px幅以上の「　　　　　」#usual_4
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#usual_4{
	margin: 0px 0px 38px 0px;
	padding: 0px 4% 38px 4%;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 600px幅以上の「安心の品質」usual_5
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#usual_5{
	margin: 0px 0px 45px 0px;
	padding: 0px 4% 0px 4%;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> works.html-> process のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents div#workprocess{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> aboutus.html全体のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents div#outline{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
}
div#contents div#outline h2{
	margin: 0px 0px 30px 4%;
	font-size: 35px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 コンテンツエリア -> aboutus.html -> company のスタイル
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#contents section#company{
	display: block;
	width: 92%;
	margin: 0px 0px 150px 0px;
	padding: 19px 4% 65px 4%;
}

div#contents section#company article.detail {
	width: 95%;
	max-width: 550px;
	margin: 0px auto 0px auto;
	text-align: center;
}

div#contents section#company article.detail h3{
	line-height: 2.5em;
	margin: 0px 0px 10px 9px;
	font-size: 0.95em;
	text-align: center;
}


div#contents section#company article.detail table.profile tbody th {
	padding: 7px 8px 13px 18px;
}

div#contents section#company article.detail table.profile tbody td {
	padding: 7px 8px 13px 18px;
}





}


/* PC向けレイアウトの指定：768～1023px */
@media only screen and (min-width: 768px) {
/*・・・・・・・・・・・・・・・・・・・・・
 ヘッダーのスタイル
・・・・・・・・・・・・・・・・・・・・・*/
header {
	width: 100%;
	height: 82px;
}
header .wrap {
	display: block;
	width: 565px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 25px;
}

/*logoの設定*/
header .wrap h1 {
	display: block;
	float: left;
	width: 115px;
	height: 65px;
}
header .wrap h1 img{
	display: block;
	width: 90px;
	height: 45px;
	margin: 20px 25px 0px 0px;
	
}

/*ブランドナビのスタイル*/
header .wrap #branav{
	display: block;
	float: left;
	width: 400px;
	height: auto;
}
header .wrap #branav p{
	font-size: 0.8em;
}
header .wrap #branav ul{
	width: auto;
	height: auto;
	margin: 20px 0px 10px 0px;
}
header .wrap #branav ul li{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 2px 2px 2px 2px;
	padding: 3px 6px 3px 6px;
}
header .wrap #branav ul li#usea{
	background: url(../images/header/bnav_2a.png) no-repeat center center;
}
header .wrap #branav ul li#athl{
	background: url(../images/header/bnav_2b.png) no-repeat center center;
}
header .wrap #branav ul li#custo{
	background: url(../images/header/bnav_2c.png) no-repeat center center;

}
header .wrap #branav ul li#fine{
	background: url(../images/header/bnav_2d.png) no-repeat center center;
}
header .wrap #branav ul li#ecou{
	background: url(../images/header/bnav_2e.png) no-repeat center center;
}


/*ナビゲーションのスタイル*/
header .wrap #nav{
	clear: none;
	float: left;
	width: 450px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
header .wrap #nav p{
	font-size: 0.9em;
}
header .wrap #nav ul{
	display: block;
	width: 450px;
	margin: 0px 0px 0px 0px;
}
header .wrap #nav ul li{
	display: block;
	float: left;
	margin: 0px 2px 3px 2px;
	padding: 0px 7px 2px 7px;
}




/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア全体のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents {
	margin: 0px 3% 25px 3%;
	padding: 38px 0px 0px 0px;
}

/*「お問い合せボタン」*/	
#stage #contents .contactus img{
	width: 307.1px;
	height: 60px;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> users.html全体のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents div#usersvoice{
	width: 100%;
	height: auto;
	margin: 0px 0px 50px 0px;
}

div#contents div#usersvoice h2{
	margin: 0px 0px 31px 0px;
	font-size: 36px;
}

/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> users.html-> users のスタイル
・・・・・・・・・・・・・・・・・・・・・*/

div#contents section#users{
	display: block;
	clear: both;
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 5%;
}

div#contents section#users article{
	clear: none;
	float: left;
	width: 30%;
	margin: 0px 4% 58px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents section#users article:nth-child(2){
	float: left;
	width: 30%;
	margin: 0px 4% 58px 0px;
	padding: 0px 0px 0px 0px;
}

div#contents section#users article:nth-child(3){
	float: left;
	width: 30%;
	margin: 0px 0px 58px 0px;
	padding: 0px 0px 0px 0px;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> users.html-> news のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
	
/*動画コーナーのスタイル*/	
div#contents section#news {
	display: block;
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 5%;	
}
div#contents section#news article{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.video-container {
	float: left;
    width: 60%;
	margin: 0px 4% 80px 0px;/*下のアーティクルとの距離確保1*/
}
video{
  width: 100%;
  max-width: 100%;
  height: auto;
}

div.video-container img{  /*comingsoon.jpg*/
  width: 100%;
  max-width: 100%;
  height: auto;
}

div#contents section#news div.description {
	clear:none;
	float: left;
	width: 36%;
	margin: 0px 0px 40px 0px;/*下のアーティクルとの距離確保2*/
	padding: 0px 0px 0px 0px;	
}

div#contents section#news div.description h3{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: thin dotted #fff;
	font-size: 0.95em;
	text-align: left;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> works.html全体のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents div#workprocess {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;	
}
div#contents div#workprocess h2{
	margin: 0px 0px 31px 0px;
	font-size: 36px;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> works.html -> maker のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents section#maker{
	display: block;
	width: 90%;
	margin: 0px 0px 35px 0px;
	padding: 0px 5% 35px 5%;
}
div#contents section#maker article{
	width: 100%;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
}
div#contents section#maker div.image{
	float: left;
	width: 19%;
	margin: 0px 4% 0px 0px;
	text-align: left;
}
div#contents section#maker div.image img{
	width: 100%;
	max-width: 170px;
	height: auto;
}

div#contents section#maker div.description {
	float: left;
	width: 77%;
}
div#contents section#maker div.description h3.kaigyou{
	display: none;
}	
div#contents section#maker div.description h3{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: thin dotted #999;
	font-size: 0.95em;
	text-align: left;
}	
div#contents section#maker div.description h3 small{
	font-size: 0.9em;
}	
div#contents section#maker div.description p{
	display: block;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> works.html-> process のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents section#process{
	display: block;
	width: 90%;
	margin: 0px 0px 55px 0px;
	padding: 0px 5% 0px 5%;
}



div#contents section#process ul{
	width: 100%;
}

div#contents section#process ul li{
	display: block;
	float: left;
	width: 16%;
	max-width: 130px;
	height: 210px;
	margin: 0px 1% 25px 0%;
	padding: 8px 1.5% 0px 1.5%;
	text-align: center;
}


div#contents section#process ul li div.number{
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#process ul li div.number p {
	line-height: 1.1em;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

div#contents section#process ul li div.image {
	width: 100%;
	max-width: 150px;
	margin: 0px auto 5px auto;
}

div#contents section#process ul li div.image img {
	width: 100%;
	height: auto;
} 

div#contents section#process ul li div.description {
	width: 100%;
	margin: 0px auto 0px auto;
}

div#contents section#process ul li div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*・・・・・・・・・・・・・・・・・
 768px以上の「理想の歩行へ」#usual_3
・・・・・・・・・・・・・・・・・・*/
div#contents section#usual_3{
	display: block;
	clear: both;
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 5%;
}

div#contents section#usual_3 h2{
	display: block;
	width: 100%;
	margin: 0px 0px 18px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
}


div#contents section#usual_3 div.image100_50{
	float: left;
	width: 56%;
	max-width: 500px;
	margin: 0px 4% 25px 0px;
}
div#contents section#usual_3 div.description100_50 {
	float: left;
	width: 40%;
	margin: 0px 0px 25px 0px;
}

/*・・・・・・・・・・・・・・・・・
 768px以上の「　　　　　」#usual_4
・・・・・・・・・・・・・・・・・・*/
div#contents section#usual_4{
	width: 90%;
	margin: 0px 0px 42px 0px;
	padding: 0px 5% 42px 5%;
}


/*・・・・・・・・・・・・・・・・・
 768px以上の「安心の品質」#usual_5
・・・・・・・・・・・・・・・・・・*/
div#contents section#usual_5{
	width: 90%;
	margin: 0px 0px 50px 0px;
	padding: 0px 5% 0px 5%;
}






/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> aboutus.html全体のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents div#outline {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;	
}
div#contents div#outline h2{
	margin: 0px 0px 31px 5%;
	font-size: 36px;
}


/*・・・・・・・・・・・・・・・・・・・・・
 コンテンツエリア -> aboutus.html -> company のスタイル
・・・・・・・・・・・・・・・・・・・・・*/
div#contents section#company{
	display: block;
	width: 90%;
	margin: 0px 0px 150px 0px;
	padding: 30px 5% 65px 5%;
}

div#contents section#company article.detail {
	width: 550px;
	margin: 0px auto 0px auto;
	text-align: center;
}

div#contents section#company article.detail h3{
	line-height: 2.5em;
	margin: 0px 0px 10px 9px;
	font-size: 1em;
	text-align: center;
}




div#contents section#company article.detail table.profile tbody th {
	padding: 7px 8px 13px 22px;
}

div#contents section#company article.detail table.profile tbody td {
	padding: 7px 8px 13px 22px;
}



/*・・・・・・・・・・・・・・・・・・・・・
 フッターのスタイル
・・・・・・・・・・・・・・・・・・・・・*/
footer div{

}
}


/* PC向けレイアウトの指定：1024px以上は固定スタイル */
@media only screen and (min-width: 1024px) {
	
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 body
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
body {
	width: 100%;
	height: auto;
}

div#stage {
	width: 100%;
	max-width: 1024px;
	height: auto;
	margin: 0px auto 0px auto;
}


	
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 ヘッダーのスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
header {
	width: 100%;
	height: 82px;
	margin: 0px 0px 0px 0px;
}
header .wrap {
	display: block;
	width: 565px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 25px;
}

/*logoの設定*/
header .wrap h1 {
	display: block;
	float: left;
	width: 115px;
	height: 65px;
}
header .wrap h1 img{
	display: block;
	width: 90px;
	height: 45px;
	margin: 20px 25px 0px 0px;
	
}

/*ブランドナビのスタイル*/
header .wrap #branav{
	display: block;
	float: left;
	width: 400px;
	height: auto;
}
header .wrap #branav p{
	font-size: 0.8em;
}
header .wrap #branav ul{
	width: auto;
	height: auto;
	margin: 20px 0px 10px 0px;
}
header .wrap #branav ul li{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 2px 2px 2px 2px;
	padding: 3px 6px 3px 6px;
}
header .wrap #branav ul li#usea{
	background: url(../images/header/bnav_2a.png) no-repeat center center;
}
header .wrap #branav ul li#athl{
	background: url(../images/header/bnav_2b.png) no-repeat center center;
}
header .wrap #branav ul li#custo{
	background: url(../images/header/bnav_2c.png) no-repeat center center;

}
header .wrap #branav ul li#fine{
	background: url(../images/header/bnav_2d.png) no-repeat center center;
}
header .wrap #branav ul li#ecou{
	background: url(../images/header/bnav_2e.png) no-repeat center center;
}



/*ナビゲーションのスタイル*/
header .wrap #nav{
	float: left;
	clear: none;
	width: 450px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
header .wrap #nav p{
	font-size: 0.9em;
}
header .wrap #nav ul{
	display: block;
	width: 450px;
	margin: 0px 0px 0px 0px;
}
header .wrap #nav ul li{
	display: block;
	float: left;
	margin: 0px 2px 3px 2px;
	padding: 0px 7px 2px 7px;
}



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア全体のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> users.html全体のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> users.html-> users のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> users.html-> news のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*動画コーナーのスタイル*/

/* すべて768px以上と同じ */


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> works.html全体のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> works.html-> process のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
div#contents section#process ul{
	width: 100%;
}

div#contents section#process ul li{
	display: block;
	float: left;
	width: 15.4%;
	max-width: 130px;
	height: 210px;
	margin: 0px 1% 25px 0%;
	padding: 8px 1.9% 0px 1.9%;
	text-align: center;
}


div#contents section#process ul li div.number{
	float: left;
	width: 100%;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div#contents section#process ul li div.number p {
	line-height: 1.1em;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

div#contents section#process ul li div.image {
	width: 100%;
	max-width: 150px;
	margin: 0px auto 5px auto;
}

div#contents section#process ul li div.image img {
	width: 100%;
	height: auto;
} 

div#contents section#process ul li div.description {
	width: 100%;
	margin: 0px auto 0px auto;
}

div#contents section#process ul li div.description p {
	line-height: 1.8em;
	font-size: 0.8em;
	text-align: left;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> works.html -> maker のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> works.html-> process のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  1024px以上（固定）「理想の歩行へ」#usual_3
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  1024px以上（固定）「　　　　　　」#usual_4
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */





/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  1024px以上（固定）「安心の品質」#usual_5
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> aboutus.html全体のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* すべて768px以上と同じ */




/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 コンテンツエリア -> aboutus.html -> company のスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
div#contents section#company{
	display: block;
	width: 90%;
	margin: 0px 0px 150px 0px;
	padding: 30px 5% 65px 5%;
}
div#contents section#company article.detail {
	width: 550px;
	margin: 0px auto 0px auto;
	text-align: center;
}

div#contents section#company article.detail h3{
	line-height: 2.5em;
	margin: 0px 0px 10px 9px;
	font-size: 1em;
	text-align: center;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 フッターのスタイル
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
footer div{

}
}