html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 	th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height:120%;
	}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/*=reset
----------------------------------------*/
a{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	}

a img{
	border : none;
	text-decoration : none;

	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	}
a:hover img {
	opacity: 0.65;
	filter: alpha(opacity=65);
	}
h1,h2,h3,h4,h5,h6,p,address,ul,li,ol,dl,dt,dd,table,caption,th,td,img,form{
	margin : 0px;
	padding : 0px;
	border : none;
	font-weight : normal;
	font-size : 100%;
	font-style : normal;
	list-style-type : none;
	text-align : left;
	}
textarea{
	font-size : 100%;
	}
img{
	vertical-align : bottom;
	}

.center , .Center { text-align: center;}
.Right { text-align: right;}
.Left { text-align: left;}
.hidden { display: none;}	
.screen-reader-text { position: absolute; left: -1000em;}


a{
	color : #dc7200;
	text-decoration : none;
	}
a:hover{
	color : #dc2f00;
	text-decoration : underline;
	}

/*=HTML5
---------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


body{
	background-color : #fff;
	color : #232323;
	line-height : normal;
	letter-spacing : 1px;
	font-size : 15px;
	}
.Box{
	width : 960px;
	height : auto;
	margin : 0px auto;
	position : relative;
	}
.Block{
	display : inline-block;
	}

#MainContents{
	padding : 0px;
	margin : 0px auto;
	clear : both;
	}
.Area{
	margin : 20px auto 0px auto;
	}
.Clear{
	clear : both;
	}

.BlockBack{
	background-color : #fff;
	padding : 15px 0px;
	}

.TopicPath{
	font-size : 90%;
	margin : 0px auto 15px auto;
	width : 960px;
	}



/*=h tags
----------------------------------------*/

header h1{
	position : absolute;
	top : 10px;
	left : 180px;
	font-size : 13px;
	}
header h2{
	position : absolute;
	top : 30px;
	left : 180px;
	font-size : 13px;
	}

.SubTitle5{
	border-left : 5px solid #ffb71b;
	padding : 5px 5px 5px 10px;
	margin ; 0px 0px 10px 0px;
	font-size : 150%;
	}

/*=Blockquotes
----------------------------------------*/
blockquote{ text-transform:uppercase;}
blockquote { margin: 0 0 20px; padding: 0; color: #2d2d2d; font-style: italic;}
blockquote p { font-size:18px; margin:0 0 5px 0; }
blockquote footer, blockquote cite { color:#009cac; font-size:18px; font-style:normal; font-family: "BebasNeue", Helvetica, Arial, sans-serif;}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #009cac; }


/*=Embedded content
---------------------------------------*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; height:auto; }
svg:not(:root) { overflow: hidden; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}


/*=Figures
---------------------------------------*/
figure { margin: 0; }

/*=Tables
---------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/*=Device specific Classes
---------------------------------------*/
.visible-phone, .visible-tablet, .hidden-desktop { display:none !important; }
.visible-desktop, .hidden-phone, .hidden-tablet { display:block !important; }
html.touch .visible-no-touch { display:none;}
html.no-touch .visible-touch { display:none;}


/*=Layout
---------------------------------------*/
/*.mother { width:100%; height:100%; }*/
#header { background-color:#232323; background-image :url(../img/HeaderBack.gif); background-repeat :repeat-x; color : #fff; width:100%; height:65px; padding :15px 0px 0px 0px;}

header .Container{
	position : absolute;
	top : 3px;
	right : 0px;
	width : 500px;
	}

#IndexNavi{
	background-color : #333;
	position : relative;
	width : 100%;
	height : auto;
	display : inline-block;
	margin : 0px;
	}

.OTBlockBox{
	border-bottom : 1px solid #ddd;
	padding : 0px 10px 10px 10px;
	margin : 0px auto 10px auto;
	}
.OTBlockBox .Title{
	color : #ffb71b;
	margin : 0px 0px 8px 0px;
	font-weight : bold;
	}
.OTBlockBox .Contents{
	padding : 0px 0px 0px 30px;
	}


/******************************************************************************

	menu

******************************************************************************/

.nav {
	font-size: 85%;
	background-color: #2d2d2d;
	z-index : 10000;
	}
.nav ul{
	width: 960px;
	margin : 0px auto;
	}
.nav li {
	list-style: none;
	float: left;
	margin : 0px;
	}
.nav li a {
	text-decoration: none;
	color: #fff;
	padding: 8px 13px;
	display: block;
	margin : 0px;
	border-bottom : 2px solid #2d2d2d;
	}
.nav li a:hover {
	border-bottom : 2px solid #ffb71b;
	margin : 0px;
	}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding : 10px;
	margin : 0px auto;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	}
.fixed ul{
	width : 960px;
	margin : 0px auto;
	}


.SubNavigationBack{
	/*background-image : url(../img/SubNavigationBack.gif);
	background-repeat : repeat-y;
	background-position : top left;*/
	}

.SubNavigation{	/* 左側サブメニュー */
	width : 240px;
	height : auto;
	float : left;
	}
.SubNavigation li a{
	width : 225px;
	display : block;
	padding : 8px 0px 8px 15px;
	border-bottom : 1px solid #ddd;
	}
.SubNavigation li a:hover{
	background-color : #f8f8f8;
	}

.SubContainer{	/* 右側メインコンテナ */
	margin : 0px 0px 0px 260px;
	}


/*=サブページ　サイドメインナビ
----------------------------------------*/
#SubMainNavigation{
	margin : 0px 0px 20px 0px;
	padding : 40px 0px 0px 0px;
	background-image : url(../img/SubMainNavigationTitle.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	}

#SubContentsNavigation{
	margin : 0px 0px 20px 0px;
	padding : 40px 0px 0px 0px;
	background-image : url(../img/SubContentsNavigationTitle.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	}

.SubContents{
	margin : 0px 0px 20px 0px;
	padding : 20px 0px 0px 0px;
	}



/******************************************************************************

	料金案内

******************************************************************************/

.PriceBox{
	border-top : 1px dotted #d1cbad;
	margin : 0px 30px;
	}
.SubTitle{
	padding : 10px;
	background-color : #ffea7b;
	}
.SubTitlePrint{
	padding : 10px;
	background-color : #ffc67b;
	}
.Remarks{
	padding : 10px;
	text-align : center;
	}
.PriceBox .ID{
	width : 130px;
	padding : 10px;
	float : left;
	text-align : right;
	border-right : 1px dotted #d1cbad;
	}
.PriceBox .Title{
	width : 210px;
	margin : 0px 10px 0px 0px;
	padding : 10px;
	float : left;
	border-right : 1px dotted #d1cbad;
	}
.PriceBox .Detail{
	padding : 10px;
	}
.TitlePrint{
	width : 250px;
	margin : 0px 10px 0px 0px;
	padding : 10px;
	float : left;
	border-right : 1px dotted #d1cbad;
	}
.DetailPrint{
	padding : 10px;
	}
#Contents01{
	background-image : url(../img/PricePrintContents_01.jpg);
	background-position : left middle;
	background-repeat : no-repeat;
	padding : 22px 10px 22px 120px;
	}
#Contents02{
	background-image : url(../img/PricePrintContents_02.jpg);
	background-position : left middle;
	background-repeat : no-repeat;
	padding : 22px 10px 22px 120px;
	}
#Contents03{
	background-image : url(../img/PricePrintContents_03.jpg);
	background-position : left middle;
	background-repeat : no-repeat;
	padding : 22px 10px 22px 120px;
	}

.PayTitle{
	background-color : #ededed;
	padding : 8px;
	border-bottom : 1px dotted #d1cbad;
	}
.PayDetail{
	padding : 10px;
	font-size : 90%;
	}
.Notice{
	margin : 10px;
	padding : 10px;
	background-color : #fbfbfb;
	border : 1px solid #eee;
	font-size : 90%;
	}


/******************************************************************************

	お問い合わせフォーム

******************************************************************************/

.BottomFormBox{
	width : 900px;
	position : relative;
	margin : 40px auto;
	clear : both;
	}

#Otoiawase{
	text-align : left;
	margin : 0px 0px 20px 0px;
	}
#Online{
	position : absolute;
	top : 0px;
	right : 0px;
	}
#OnlineCM{
	position : absolute;
	top : 115px;
	right : 0px;
	}
.Comments{
	width : 400px;
	height : auto;
	margin : 0px 15px;
	}

.button {
	width : 430px;
}
.button a {
	position: relative;
	overflow: hidden;
	width : 430px;
	height : 95px;
	display: block;
}
.button a span.shiny {
	position: absolute;
	left: -180px;
	top: -50px;
	z-index: 30;
}

.button a span.btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 430px;
	height: 95px;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	padding: 0 12px;
	display: block;
	text-decoration: none;
	background: #ff4c5b;
	color: #fff;
}

.ButtonOtoiawase{
	width : 430px;
	height : 95px;
	background-image : url(../img/ButtonOtoiawase.jpg);
	background-repeat : no-repeat;
	}
a:hover .ButtonOtoiawase{
	background-image : url(../img/ButtonOtoiawaseOn.jpg);
	}
.ButtonOnline{
	width : 430px;
	height : 95px;
	background-image : url(../img/ButtonOnline.jpg);
	background-repeat : no-repeat;
	}
a:hover .ButtonOnline{
	background-image : url(../img/ButtonOnlineOn.jpg);
	}




/*** Hero effect ***/
#hero { height:450px; position:relative; background-repeat:no-repeat; background-position:center center;}
#hero .hero-content { display:block; padding:85px 0 0 0; text-align:center;}
.zigzag-border { background:url(../img/BorerGradation.png) repeat-x; height:50px; width:100%; position:absolute; z-index:2; left:0; top:0;}
#hero .zigzag-border { background:url(http://d6lp39fwd8ase.cloudfront.net/media/images/basic/zigzag-border-bottom.png) repeat-x left top; height:11px; top:auto; bottom:0;}

/*** Content ***/
#content { position:relative;}
.content-block { padding-top:50px; padding-bottom:50px;}
.intro { margin-bottom:40px; }
.treasure { margin-bottom:40px; }
.social-media { text-align:center;}
.social-media a { display:inline-block; margin:0 3px;  color:#231f20; text-decoration:none; font-size:30px;  }
.social-media a:hover { color:#f73e48;}
.social-media a span { display:none; }



#btn-play-video { background:#000; background:rgba(0,0,0,0.7); width:100px; height:100px; border-radius:50%; border:4px solid rgba(0,0,0,0.5); text-decoration:none; text-align:center; display:block; margin:0 auto 30px;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
#btn-play-video i { font-size:45px; line-height:100px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5); display:block; margin-right:-10px;}
#btn-play-video:hover { border-color:#e03824;}

#btn-close-video { position:absolute; z-index:2; top:0; right:-40px;}
#btn-close-video:hover { color:#f73e48;}

#btn-take-tour { position:absolute; z-index:9; left:50%; bottom:80px; margin-left:-55px; text-decoration:none; opacity:1; filter:alpha(opacity=100);}
#btn-take-tour span { font:100 24px/1 "BebasNeue", Arial, Verdana; color:#fff; opacity:0;}
#btn-take-tour i { margin:0 auto; opacity:0.8; filter:alpha(opacity=80); background:none transparent;}
#btn-take-tour:hover i { /*background:rgba(0,0,0,1);*/}
#btn-take-tour:hover span { opacity:1;}

.block { position:relative;}
.content-only { padding:50px 0;}
.full-height { background-position: center center; background-repeat:no-repeat; /*background-attachment:fixed;*/ min-height:550px; max-height:800px; width:100%; margin:0 auto; overflow:hidden; position:relative; display:block;}
.full-height .pointer { background:url(http://d6lp39fwd8ase.cloudfront.net/media/images/basic/section-pointer.png) no-repeat 0 0; width:77px; height:27px; position:absolute; left:50%; margin-left:-38px; bottom:-1px; z-index:100;}
.full-height .container { height:100%; max-height:800px; position:static;}
.full-height .parimg { position:absolute; left:0; top:100%; z-index:1; display:none;}

/* backgrond images + video */
.video-bg {width:100%; height:800px; position:relative; background-attachment:fixed;}
html.touch .video-bg, .no-video { background:url(../img/Movie_Background.jpg) no-repeat center center; background-size:cover;}
#video-bg-container { background-size:cover; position:absolute; left:0; top:0; z-index:0; overflow:hidden; width:100%; height:800px;}
#background-video { background-size:cover; width:auto; height:auto; min-height:100%; min-width:100%;}
.no-video { position:absolute; z-index:0; width:100%; height:100%; left:0; top:0;}
html.touch #background-video { display:none;}



#MovieBottomComment{
	width : 100%;
	padding : 30px 0px;
	text-align : center;
	background-color : #2d2d2d;
	color : #fff;
	position : absolute;
	bottom : 0px;
	z-index : 300;
	}



/*=block background image
---------------------------------------*/

.BlockWrapper{
	background-size:cover;
	}

#Refpika01 { background-image:url('../img/ImageBackground_compare.jpg');}
#Refpika02 { background-image:url('../img/ImageBackground_02.jpg');}
#Refpika03 { background-image:url('../img/ImageBackground_03.jpg');}
#Refpika04 { background-image:url('../img/ImageBackground_04.jpg');}










/******************************************************************************

	INDEX　トップページ

******************************************************************************/


.Box .Block{
	display : inline-block;
	}
.IDX_VideoComments{
	margin : 15px auto 0px auto;
	}
.ImageBox{
	width : 480px;
	float : right;
	}
.LeftBox{
	margin : 0px 510px 0px 0px;
	}

.Choose{
	background-color : #f4f4f4;
	padding : 40px 0px;
	}

.IDXDetail{
	border-top : 8px solid #8a0025;
	padding : 40px 0px;
	}
.IDXDetail .Box h3{
	border-bottom : 1px solid #8a0025;
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 20px 0px;
	font-size : 200%;
	font-weight : bold;
	font-family :'Hiragino Mincho ProN', serif;
	}
.IDXHeading5{
	font-size : 180%;
	margin : 0px 0px 30px 0px;
	padding : 0px 0px 30px 0px;
	border-bottom : 1px solid #ddd;
	}
.IDXHrading6{
	text-align : center;
	font-size : 200%;
	padding : 30px 0px 0px 0px;
	}
.IDXImages{
	margin : 0px auto 20px auto;
	}
.IDXComments{
	background-image : url(../img/IDXComments.gif);
	background-repeat : no-repeat;
	background-position : left center;
	padding : 5px 0px 5px 160px;
	font-size : 13px;
	}
.IDXSignImage{
	margin : 15px 0px;
	}


#Performance{
	width : 100%;
	height : 580px;
	background-image : url(../img/PerformanceBack.jpg);
	background-position : top center;
	display : inline-block;
	}
.Performance01,.Performance02,.Performance03{
	width : 310px;
	padding : 15px 0px 0px 0px;
	float : left;
	}
.Performance02{
	margin : 0px 15px;
	}
#Performance .Comments{
	width: auto;
	margin : 0px 10px;
	}
#Performance .Comments .point{
	font-size : 85%;
	color : #41698d;
	}



/******************************************************************************

	ABOUT　再帰反射シートレフピカとは

******************************************************************************/

#RI02{
	background-image : url(../img/Refpika_internal_02.jpg);
	backgroind-repeat : no-repeat;
	height : 375px;
	padding : 25px 400px 0px 20px;
	}
a.SubLink{
	background-color : #ffb71b;
	color : #fff;
	padding : 5px;
	border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	}
a:hover.SubLink{
	background-color : #ea8a00;
	}




/******************************************************************************

	PRICE 料金案内

******************************************************************************/

#DeliveryCharge{
	width : 680px;
	height : auto;
	margin : 0px auto;
	border-top : 1px solid #ddd;
	border-right : 1px solid #ddd;
	}
#DeliveryCharge th,#DeliveryCharge td{
	padding: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.Price{
	vertical-align : middle;
	text-align : right;
	}

.VerTxtCent{
	vertical-align : middle;
	text-align : center;
	}
.VerCent{
	vertical-align : middle;
	}

#DeliveryCharge .Title{
	background-color : #f4f3e9;
	}
#DeliveryCharge .SubTitle{
	background-color : #fafaf5;
	}
#DeliveryCharge .Notice{
	font-size : 90%;
	padding : 10px;
	background-color : #fff;
	}

.PriceComments{
	background-color : #f0ede6;
	padding : 1em;
	letter-spacing : normal;
	}



/******************************************************************************

	EXAMPLE　使用例　導入事例

******************************************************************************/


.ExampleListBox{
	width : 680px;
	height : auto;
	float : left;
	margin : 0px 0px 15px 0px;
	border : 5px solid #fff;
	position : relative;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	}
a .ExampleListBox{
	display : block;
	}
a:hover .ExampleListBox{
	background-color : #fcfcfc;
	border : 5px solid #fff;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	}

.ExampleListBox .Images{
	float : left;
	width : 300px;
	margin : 0px;
	}

a .ExampleListBox .ID{
	font-size : 40px;
	color : #777;
	font-family:'Hiragino Mincho ProN', serif;
	margin : 5px 0px;
	}
a .ExampleListBox .Detail{
	margin : 0px 0px 0px 300px;
	}

a .ExampleListBox .Detail .Title{
	padding : 20px 100px 20px 20px;
	border-bottom : 1px solid #ddd;
	font-weight : bold;
	background-color : #444;
	color : #fff;
	}
a:hover .ExampleListBox .Detail .Title{
	background-color : #000;
	color : #fff;
	}
a .ExampleListBox .Detail .Intro{
	padding : 15px;
	color : #222;
	}

.ExampleListBox .Material{
	position : absolute;
	top : 0px;
	right : 0px;
	}

a:hover .Material img{
	opacity: 1;
	filter: alpha(opacity=100);
	}


/***  詳細ページ内容
*************************************/

.IntroductionContainer{
	position : relative;
	}

.ExampleComments{
	margin : 10px 0px 0px 0px;
	padding : 10px;
	border-top : 1px dotted #ddd;
	}

.IntroductionContainer .Title{
	border-bottom : 1px solid #ddd;
	margin : 0px 0px 15px 0px;
	padding : 15px;
	background-color : #333;
	color : #fff;
	}

.IntroductionContainer .Picture{
	width : 700px;
	margin : 0px auto 15px auto;
	}





/******************************************************************************

	form

******************************************************************************/

.Postcontainer{
	width : 680px;
	margin : 0px auto;
	padding : 40px 00px;
	border : 4px double #ddd;
	background-color : #fcfcfc;

	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 7px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 7px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 7px -2px;
	}

.Postcontainer .FormTitle{
	text-align : center;
	font-weight : bold;
	margin : 0px 30px 30px 30px;
	padding : 0px 0px 30px 0px;
	border-bottom : 1px solid #eee;
	}

.PostBox{
	position : relative;
	padding : 5px;
	margin : 0px 50px;
	}
.PostBox .Title{
	width : 120px;
	text-align : right;
	padding : 0px 8px;
	border-right : 5px solid #ffe400;
	float : left;
	}
.PostBox .Name{
	width : 350px;
	float : left;
	margin : 0px 10px 0px 0px;
	}
.PostBox .Contents{
	margin : 0px 0px 0px 155px;
	}



.OrderForm{
	border : 1px solid #ddd;
	margin : 0px 40px 40px 40px;
	}
.OrderBox{
	border-top : 1px solid #fff;
	border-bottom : 1px solid #ddd;
	}
.OrderBox .ID{
	float : left;
	width : 100px;
	text-align : right;
	padding : 10px;
	border-right : 1px dotted #ddd;
	background-color : #666;
	color : #fff;
	}
.OrderBox .Title{
	float : left;
	width : 360px;
	margin : 0px 10px 0px 0px;
	padding : 10px;
	border-right : 1px dotted #ddd;
	}
.OrderBox .Detail{
	padding : 8px 0px;
	}




.Postcontainer table{
	border-collapse: collapse;
	margin : 0px auto 15px auto;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

.TBtitle{
	background-color : #eee;
	text-align : center;
	}

.Postcontainer th,.Postcontainer td{
	padding: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.Postcontainer span{
	margin : 0em 0em 0em 0.5em;
	}

.Postcontainer .Attention{
	margin : 40px 60px;
	font-size : 90%;
	}

.FromINP{
	border : 0;
	padding : 5px 5px 5px 7px;
	font-size : 1em;
	font-family : Arial, sans-serif;
	color : #222;
	border : solid 1px #ccc;
	-moz-box-shadow : inset 1px 2px 7px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow : inset 1px 2px 7px -6px rgba(0, 0, 0, 0.5);
	box-shadow : inset 1px 2px 7px -6px rgba(0,0,0,0.5);
	}

.FromINP:focus {
	border : solid 1px #ffc000;
	}


/******************************************************************************

	入稿案内

******************************************************************************/


.GuideInfoBlock{
	border : 1px dashed #333;
	margin : 20px 15px;
	padding : 10px;
	font-size : 90%;
	}

#Mail{
	background-image : url(../img/GuideBack_mail.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	margin : 10px 10px 0px 10px;
	padding : 10px 0px 30px 230px;
	border-bottom : 1px solid #ddd;
	}

#Data{
	background-image : url(../img/GuideBack_data.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	margin : 10px 10px 0px 10px;
	padding : 10px 0px 30px 230px;
	border-bottom : 1px solid #ddd;
	}

#Media{
	background-image : url(../img/GuideBack_media.jpg);
	background-repeat : no-repeat;
	background-position : left top;
	margin : 10px 10px 0px 10px;
	padding : 10px 0px 30px 230px;
	border-bottom : 1px solid #ddd;
	}

#AI{
	background-image : url(../img/GuideIcon_01.gif);
	background-repeat : no-repeat;
	background-position : 10px 0px;
	padding : 0px 0px 0px 110px;
	}
#PS{
	background-image : url(../img/GuideIcon_02.gif);
	background-repeat : no-repeat;
	background-position : 10px 0px;
	padding : 0px 0px 0px 110px;
	}
#DC{
	background-image : url(../img/GuideIcon_03.gif);
	background-repeat : no-repeat;
	background-position : 10px 0px;
	padding : 0px 0px 0px 110px;
	}

.GuideNaviSubTitle{
	border-bottom : 1px dotted #eee;
	}
.GuideNavi1{
	padding : 8px 8px 8px 23px;
	margin : 0px;
	border-bottom : 1px dotted #eee;
	background-image : url(../img/GuideNaviList.png);
	background-repeat : no-repeat;
	background-position : 3px 7px;
	background-color : #f8f8f8;
	}
.GuideNavi1:hover{
	background-color : #f3f3f3;
	}
.GuideNavi2{
	padding : 8px 8px 8px 23px;
	margin : 0px;
	border-bottom : 1px dotted #eee;
	background-image : url(../img/GuideNaviList.png);
	background-repeat : no-repeat;
	background-position : 3px 7px;
	background-color : #fff;
	}
.GuideNavi2:hover{
	background-color : #fdfdfd;
	}

.GuideNavi1 span ,.GuideNavi2 span{
	color : red;
	}






/******************************************************************************

	footer

******************************************************************************/

.PageTop{
	float : right;
	width : 100px;
	text-align : center;
	padding : 5px;
	font-size : 12px;
	background-color : #333;
	}


footer{
	background-color : #303030;
	color : #fff;
	font-size : 90%;
	margin : 0px auto;
	padding : 20px 0px 0px 0px;
	clear : both;
	}
footer a{
	color : #d4be00;
	text-decoration : none;
	}
footer a:hover{
	color : #f6dc00;
	text-decoration : underline;
	}

footer .InformationBox{
	width : 570px;
	height : auto;
	background-image : url(../img/FooterVerticalLine.gif);
	background-repeat : repeat-y;
	background-position : right;
	margin : 0px 0px 20px 0px;
	display : inline-block;
	float : left;
	}
footer .Title{
	font-weight : bold;
	}
footer #Navi{
	width : 320px;
	background-image : url(../img/FooterVerticalLine.gif);
	background-repeat : repeat-y;
	background-position : right;
	padding : 20px 0px;
	float : left;
	}

footer #Navi li{
	background-image : url(../img/FooterHorizontalLine.gif);
	background-repeat : repeat-x;
	background-position : bottom;
	}
footer #Navi li a{
	padding : 15px 2px 15px 15px;
	display : block;
	width : 301px;
	height : 100%;
	}

footer #Navi li.Title{
	padding : 15px 2px 15px 15px;
	}

footer #Navi li a:hover{
	background-color : #393939;
	}
#FooterInquiryTitle{
	position : absolute;
	top : 0px;
	left : 322px;
	}
footer .InformationBox .Company{
	margin : 0px 0px 0px 320px;
	padding : 100px 0px 0px 0px;
	}
footer .CSBox{
	margin : 0px 5px 20px 5px;
	padding : 0px 13px;
	}
footer .CSBox .Logo{
	margin : 20px 0px;
	}
footer .CSBox .Title{
	margin : 0px 0px 8px 0px;
	}
footer .CSBox .Contents{
	margin : 0px 0px 0px 20px;
	}
footer .HorizontalLine{
	background-image : url(../img/FooterHorizontalLine.gif);
	background-repeat : repeat-x;
	background-position : top;
	padding : 20px 15px;
	}

.Inquiry{
	margin : 0px 0px 0px 572px;
	padding : 100px 0px 0px 0px;
	}
.Inquiry .TelFax{
	margin : 0px auto;
	text-align : center;
	padding : 0px 0px 15px 0px;
	}
.PDF_DL{
	vertical-align : middle;
	}


#Copyright{
	background-image : url(../img/FooterBack.gif);
	background-repeat : repeat-x;
	background-position : bottom center;
	padding : 20px 0px;
	clear : both;
	}




#UnorderedListArea{
margin : 0px 0px 0px 13px;
}
.fade li{
    width: 310px;
    height: 207px;
    margin : 0px 12px 20px 8px;
    padding : 5px;
    background-color : #fff;
    display: block;
    float: left;
    overflow: hidden;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
}
.fade li:hover{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}
.fade li img{
    width: 310px;
    height: 207px;
}

.ExampleItemListBox{
	width : 200px;
	height : auto;
	border : 1px solid #ddd;
	float : left;
	padding : 3px;
	margin : 0px 0px 20px 20px;
	}
.ExampleItemListBox img{
	margin : 0px auto 3px auto;
	}
.ExampleItemListBox .Title{
	padding : 5px 0px;
	text-align : center;
	background-color : #eee;
	}


.MountingAngle{
	width : 700px;
	height : auto;
	margin : 0px auto 15px auto;
	display : inline-block;
	}
.MountingAngle .Case{
	float : left;
	}
.MountingAngle .Border{
	border-right : 1px dashed #333;
	}

/*追加CSS*/

.button {
	margin-left: auto;
	margin-right: auto;
	}

.Comments {
	width: 400px;
	height: auto;
	margin: 0px auto;
	}