@charset "UTF-8";

/*===========================================================
	Copyright : Copyright 2003-2012 iret, Inc. All Rights Reserved.
	Created   : 2012-12-18
	Modified  : 2012-12-21
===========================================================*/


/*------------------------------------------------------------
	common
------------------------------------------------------------*/

a:link {
	color: #006c9a;
	text-decoration: none;
}

a:visited {
	color: #006c9a;
	text-decoration: none;
}

a:hover {
	color: #006c9a!important;
	text-decoration: underline;
}

a:active {
	color: #006c9a;
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.fwBold {
	font-weight: bold!important;
}

.fNormal {
	font-weight: normal!important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.pb10 {
	padding-bottom:10px !important;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/*------------------------------------------------------------
	html, body and #container
------------------------------------------------------------*/

html {
	overflow-y:scroll;
}

body {
	min-width: 964px;
	color: #666;
	line-height: 1.5;
	letter-spacing: 0.02em;
	background: #fff url(/images/common/bg_wrap.gif) repeat-x left top;
}

*::selection {
background: #001c30;
color:#fff;
}
*::-moz-selection {
background: #001c30;
color:#fff;
}

div#container {
	margin: 0 auto;
	width: 964px;
	text-align: left;
}

	div#top {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
	}


/*------------------------------------------------------------
	#header
------------------------------------------------------------*/

	div#header {
		margin-bottom: 16px;
		background-color: #001c30;
		text-align:center;
	}
	
		div#header div.headInner {
			width: 964px;
			height:155px;
			margin: 0 auto;
			text-align:left;
			position:relative;
		}

			div#header h1 {
				position:absolute;
				top:26px;
				left:50%;
				margin-left:-43px;
			}
				
			div#header .contact {
				position:fixed;
				_position:absolute;
				top:0;
				left:50%;
				margin-left:331px;
				z-index:99999;
			}
				
			div#header #globalNavi {
				position:absolute;
				top:83px;
				left:109px;
			}
				
				div#header #globalNavi li {
					float: left;
				}
				
				div#header #globalNavi li a {
					display: block;
					float: left;
				} 
						div#header #globalNavi .navi01 a {
							width: 134px;
							background: url(/images/common/nav_01_o.gif) no-repeat;
						}
						
							div#header #globalNavi .navi02 a {
								width: 155px;
								background: url(/images/common/nav_02_o.gif) no-repeat;
						}
						
							div#header #globalNavi .navi03 a {
								width: 168px;
								background: url(/images/common/nav_03_o.gif) no-repeat;
						}
						
							div#header #globalNavi .navi04 a {
								width: 158px;
								background: url(/images/common/nav_04_o.gif) no-repeat;
						}
						
							div#header #globalNavi .navi05 a {
								width: 146px;
								background: url(/images/common/nav_05_o.gif) no-repeat;
						}
						
							div#header #globalNavi li a:hover img {
								opacity: 0;
								filter: alpha(opacity=0);
						}
	

/*------------------------------------------------------------
	#shortnavi
------------------------------------------------------------*/

	div#shortnavi {
		text-align:center;
		position:fixed;
		/*top:0;*/
		top:-65px;
		left:0;
		width:100%;
		height:65px;
		background-color: #001c30;
		z-index:9999;
	}
	
		#shortnaviInner {
			margin:0 auto;
			text-align:left;
			width: 964px;
			height:65px;
			position:relative;
		}

			div#shortnavi h1 {
				position:absolute;
				top:20px;
				left:0;
			}
				
			div#shortnavi ul {
				position:absolute;
				top:15px;
				left:178px;
			}
				
				div#shortnavi ul li {
					float: left;
				}
				
				div#shortnavi ul li a {
					display: block;
					float: left;
				} 
						div#shortnavi ul .navi01 a {
							width: 107px;
							background: url(/images/common/nav_15_o.gif) no-repeat;
						}
						
							div#shortnavi ul .navi02 a {
								width: 120px;
								background: url(/images/common/nav_16_o.gif) no-repeat;
						}
						
							div#shortnavi ul .navi03 a {
								width: 122px;
								background: url(/images/common/nav_17_o.gif) no-repeat;
						}
						
							div#shortnavi ul .navi04 a {
								width: 123px;
								background: url(/images/common/nav_18_o.gif) no-repeat;
						}
						
							div#shortnavi ul .navi05 a {
								width: 122px;
								background: url(/images/common/nav_19_o.gif) no-repeat;
						}
						
							div#shortnavi ul li a:hover img {
								opacity: 0;
								filter: alpha(opacity=0);
						}


/*------------------------------------------------------------
	#topicPath
------------------------------------------------------------*/
			 
	#topicPath {
		margin-bottom: 49px;
		background-color: #eee;
	}
	
		#topicPath li {
			padding: 12px 0 6px;
			float: left;
			font-size: 93%;
			line-height: 1.231;
		}
		
		#topicPath .home {
			margin: 0 10px 0 0;
			padding: 0;
		}
		
			#topicPath li a {
				color: #006c9a;
			}
			
			#topicPath li span {
				margin: 0 5px;
				display: inline-block;
			}


/*------------------------------------------------------------
	#sideNavi
------------------------------------------------------------*/
		
	div#sideNavi {
		width: 202px;
		float: right;
	}
	
		div#sideNavi .sideMenu li {
			float: left;
		}
	
			div#sideNavi .sideMenu li a {
				display: block;
				float: left;
			}
		
			div#sideNavi .sideMenu .nav01 a {
				background: url(/images/common/nav_06_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav02 a {
				background: url(/images/common/nav_07_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav03 a {
				background: url(/images/common/nav_08_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav04 a {
				background: url(/images/common/nav_09_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav05 a {
				background: url(/images/common/nav_10_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav06 a {
				background: url(/images/common/nav_11_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav07 a {
				background: url(/images/common/nav_12_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav08 a {
				background: url(/images/common/nav_13_o.gif) no-repeat;
			}
			
			div#sideNavi .sideMenu .nav09 a {
				background: url(/images/common/nav_14_o.gif) no-repeat;
			}
	
			div#sideNavi .sideMenu li a:hover img {
				opacity: 0;
				filter: alpha(opacity=0);
			}


/*------------------------------------------------------------
	.pageTop
------------------------------------------------------------*/
	
	div.pageTop {
		text-align: center;
		border-top: 1px solid #e5e5e5;
		background-color: #eee;
	}
	
		div.pageTop a {
			padding: 13px 0 13px;
			width: 964px;
			display: block;
		}
		
		div.pageTop p {
			margin: 0 auto;
			width: 964px;
			line-height:0;
			font-size:1;
		}
		
		div.pageTop img {
			display: inline-block;
			/zoom:1;
			/display:inline;
			line-height:0;
			font-size:1;
		}


/*------------------------------------------------------------
	#footer
------------------------------------------------------------*/
		
	div#footer {
		margin: 48px 0 0;
		color: #fff;
		background-color: #001c30;
	}
					
		div#footer a {
			color: #fff;
		}
		
		div#footer div.footInner {
			margin: 0 auto;
			padding: 20px 0 20px;
			width: 964px;
		}
		
			div#footer div.footInner div.boxL {
				padding: 20px 0;
				width: 273px;
				float: left;
				border-right: 1px solid #263d4d;
			}
			
				div#footer div.footInner div.boxL .dl01 {
					margin-bottom: 20px;
				}
				
				div#footer div.footInner div.boxL .dl01 dt {
					float: left;
				}
				
				div#footer div.footInner div.boxL .dl01 dd {
					padding: 10px 0 0 105px;
					font-size: 77%;
				}
				
				div#footer div.footInner div.boxL .dl02 dt {
					font-size: 93%;
					line-height: 1.5;
					float: left;
				}
				
				div#footer div.footInner div.boxL .dl02 dt span {
					padding: 10px 0 0;
					font-size: 77%;
					display: block;
				}
				
				div#footer div.footInner div.boxL .dl02 dd {
					padding: 25px 0 0 185px;
					font-size: 77%;
				}
				
			div#footer div.footInner div.boxR {
				padding: 20px 0 0;
				width: 660px;
				float: right;
			}
			
				div#footer .footerNavi {
					float: left;
					width: 200px;
				}
				
				div#footer .footerNavi01 {
					width: 198px;
				}
				div#footer .footerNavi02 {
					width: 166px;
				}
				
				div#footer .footerNavi03 {
					width: 96px;
				}
				
					div#footer .footerNavi li {
						padding: 3px 0;
						font-size: 93%;
						line-height: 1.5;
					}
				
		div#footer div.btmArea {
			border-top: 1px solid #1e313e;
			background-color: #001727;
		}
		
		div#footer div.btmInner {
			margin: 0 auto;
			padding: 10px 0;
			width: 964px;
		}
		
				div#footer div.btmInner ul {
					float: left;
					width: 440px;
				}
			
					div#footer div.btmInner ul li {
						margin-right: 28px;
						float: left;
						font-size: 93%;
					}
			
						div#footer div.btmInner ul li a {
							padding-left: 23px;
							color: #fff;
							display: inline-block;
						}
		
						div#footer div.btmInner ul .nav01 a {
							background: url(/images/common/ico_01.gif) no-repeat left top;
						}
						
						div#footer div.btmInner ul .nav02 a {
							background: url(/images/common/ico_02.gif) no-repeat left top;
						}
		
			div#footer div.btmInner p {
				padding-top: 5px;
				text-align: right;
				font-size: 65%;
				color: #999;
			}


/*------------------------------------------------------------
	#contents
------------------------------------------------------------*/
		
		div#contents {
		}
	
			div#contents div#contentsInner {
				width: 741px;
				float: left;
			}
	
				div#container h2 {
					margin: 0 0 30px -1px;
					position: relative;
				}


				/*------------------------------------------------------------
					.comTable
				------------------------------------------------------------*/
				
				div#contents .comTable {
					width: 100%;
				}
				
					div#contents .comTable th,
					div#contents .comTable td {
						padding: 8px 2px;
						font-size: 93%;
						line-height: 2.2;
						vertical-align: top;
						background: url(/images/common/line_01.gif) repeat-x left bottom;
					}
					
					div#contents .comTable .bgnone th,
					div#contents .comTable .bgnone td {
						background: none;
					}


				/*------------------------------------------------------------
					.item
				------------------------------------------------------------*/
		
				div#container .item,
				body#index div#contents.work {
					margin: 0 -21px 12px 0;
					width: 984px;
					overflow: hidden;
					clear: both;
					min-height:306px;
					_height:306px;
				}
				
					div#container .item li,
					body#index div#contents .work li,
					body#works div#contents .work li {
						margin: 0 21px 0 0;
						padding-bottom: 18px;
						float: left;
						width: 471px;
						background: #003051 url(/images/company/bg_01.jpg) no-repeat left bottom;
					}	
							
						div#container .item li .tit,
						body#index div#contents .work li .tit,
						body#works div#contents .work li .tit {
							padding: 10px 8px 9px 18px;
							display:block;
							font-size: 108%;
							font-weight: bold;
							background-color: #003051;
							height: 70px;
						}
							div#container .item li a,
							body#index div#contents .work li a,
							body#works div#contents .work li a {
								color: #fff;
							}
							
								div#container .item li a:hover,
								body#index div#contents .work li a:hover,
								body#works div#contents .work li a:hover {
									color: #006c9a;
									text-decoration: none;
								}


			/*------------------------------------------------------------
				body#index
			------------------------------------------------------------*/
						
			/*ホーム*/
			body#index div#header #globalNavi .navi01 a img {
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
				body#index div#header {
					margin: 0;
				}
				
			
				/* bannerArea */
				
				body#index div#bannerArea {
					position:relative;
					width:100%;
					min-width: 964px;
					height:582px;
					overflow:hidden;
				}
			
					body#index div#bannerArea #bannerInner {
						position:absolute;
						top:0;
						left:50%;
						margin-left:-640px;
						width: 1279px;
						height:492px;
					}
					
					body#index #camera {
						height:492px;
					}
					
					body#index #bnr01 {
						position:absolute;
						z-index:999;
						/*
						top:123px;
						left:608px;
						*/
					}
					
					body#index #bnr02 {
						position:absolute;
						z-index:999;
						/*
						top:101px;
						left:192px;
						*/
					}
					
					body#index #bnr03 {
						position:absolute;
						z-index:999;
						/*
						top:161px;
						left:166px;
						*/
					}
					
				
				
				body#index .camera_pag {
					position:absolute;
					top:485px;
					left:50%;
					margin-left:-294px;
						
					width: 588px;
					height:65px;
					background: url(/images/home/bg_02.jpg) no-repeat center bottom;
				}
				
					body#index .camera_pag li {
						float: left;
						margin-right:1px;
						cursor:pointer;
					}
					
					body#index .pag_nav_0 {
						background:url(/images/home/btn_01.gif) 0 -47px no-repeat;
						width:195px;
						height:47px;
						text-indent:-9999px;
					}
					
					body#index .pag_nav_1 {
						background:url(/images/home/btn_02.gif) 0 -47px no-repeat;
						width:195px;
						height:47px;
						text-indent:-9999px;
					}
					
					body#index .pag_nav_2 {
						background:url(/images/home/btn_03.gif) 0 -47px no-repeat;
						width:195px;
						height:47px;
						text-indent:-9999px;
					}
					
					body#index .cameracurrent {
						background-position:0 0;
					}
					
					
					
					
				body#index div#container div.alpha {
					padding-bottom: 59px;
					clear:both;
				}
					
					body#index div#container div.alpha .alphaInner {
						border-right: 1px solid #e2e2e2;
						background: #eee url(/images/home/bg_03.gif) repeat-x right top;
					}
					
						body#index div#container div.alpha dl {
							padding: 12px 0 0;
							width: 760px;
							float: right;
							font-size: 93%;
						}
						
							body#index div#container div.alpha dl dt {
								float: left;
							}
							
							body#index div#container div.alpha dl dd {
								padding-left: 78px;
							}
							
				body#index div#contents h3 {
					margin-bottom: 24px;
					text-align: center;
					clear: both;
				}
				
					body#index div#contents h3 img {
						display: inline;
					}
				
				body#index div#contents .item {
					margin-bottom: 40px;
				}
				
				body#index div#contents .work,
				body#works div#contents .work  {
					margin: 0 -21px 0 0;
					width: 984px;
					overflow: hidden;
				}
				
					body#index div#contents .work li,
					body#works div#contents .work li {
						margin: 0 21px 0 0;
						padding-bottom: 21px;
						width: 307px;
						background: #003051 url(/images/home/bg_04.jpg) no-repeat left bottom;
						
						opacity:0;
					}

					body#works div#contents .work li.3n,
					body#works div#contents .work li:nth-child(3n) {
						margin-right: 0;
					}
					
					body#works div#contents .work li.3n+1,
					body#works div#contents .work li:nth-child(3n+1) {
						clear: left;
					}
					
					body#index div#contents .work li .tit,
					body#works div#contents .work li .tit {
						padding: 10px 8px 18px 15px;
						display: block;
					}
					
						body#index div#contents .work li .tit .fNormal,
						body#works div#contents .work li .tit .fNormal {
							margin-top: 6px;
							font-size: 93%;
							display: block;
							line-height: 1.6;
							color:#ccc;
						}
				
				body#index div#contents div.gamma {
					padding-top: 32px;
					clear: both;
				}
				
				body#index div#contents div.gamma .betaInner {
					width: 636px;
					float: left;
				}
				
				body#index div#contents div.gamma .betaInner h4 {
					margin-bottom: 20px;
				}
				
				body#index div#contents div.gamma .item03 {
					width: 308px;
					float: right;
				}
				
					body#index div#contents div.gamma .item03  li {
						margin-bottom: 20px;
						float: left;
					}
				
				body#index div#contents div.gamma div.betaInner .news {
					font-size: 93%;
					line-height: 24px;
					background: url(/images/common/line_01.gif) repeat-x left top;
				}
					
					body#index div#contents div.gamma div.betaInner .news dt {
						padding: 14px 0;
						float: left;
						clear: left;
					}
				
					body#index div#contents div.gamma div.betaInner .news dd {
						padding: 14px 0 14px 6.5em;
						background: url(/images/common/line_01.gif) repeat-x left bottom;
					}


			/*------------------------------------------------------------
				body#company
			------------------------------------------------------------*/
						
			/*企業情報*/
			body#company div#header #globalNavi .navi04 a img {
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
			body#company div#contents.company h2 {
				margin: 0 0 41px -1px;
			}
			
			body#company div#contents.company h3 {
				margin: 0 0 49px -1px;
				position: relative;
			}
			
			/*会社概要*/	
			body#company div#contents .tit01 {
				margin-bottom: 15px;
			}
				
			/*会社理念*/
			body#company div#contents.philosophy .alpha {
				margin-bottom: 29px;
			}
			
				body#company div#contents.philosophy .section {
					margin-bottom: 20px;
					padding: 0 0 1px;
					background: url(/images/common/line_01.gif) repeat-x left bottom;
				}
				
				body#company div#contents.philosophy h3 {
					margin-bottom: 14px;
				}
				
				body#company div#contents.philosophy p {
					font-size: 93%;
					line-height: 24px;
					margin-bottom:1em;
				}
			
			body#company div#contents.philosophy .section.lastChild {
				margin-bottom: 0;
				padding-bottom: 0;
				background: none;
			}
			
			/*アクセス*/
			body#company div#contents.access ul.access-nav {
			}
				body#company div#contents.access ul.access-nav li {
					padding: 0 5px 30px 0;
					float:left;
					font-size: 14px;
				}
				body#company div#contents.access ul.access-nav li a {
					display: block;
					background : #001c30;
					color : #FFFFFF;
					padding : 5px 20px;
					text-decolatino: none;
					font-weight: bold;
				}
				body#company div#contents.access ul.access-nav li a:hover {
					text-decoration: none;
				}
				body#company div#contents.access ul.access-nav li span {
					display: block;
					background : #EEEEEE;
					color : #001c30;
					padding : 5px 20px;
					text-decolatino: none;
					font-weight: bold;
				}
			
			
			body#company div#contents.access .map {
				margin-bottom: 15px;
				border: 1px solid #ccc;
				width:739px;
				height:553px;
			}
			
				body#company div#contents.access .map table {
				}
			
				body#company div#contents.access .map table th,
				body#company div#contents.access .map table td {
					text-align:left;
					vertical-align:top;
					font-size:78%;
					line-height:1.231;
					padding-bottom:6px;
				}
			
				body#company div#contents.access .map table td {
					padding-left:10px;
				}
			
			/*メッセージ*/
			body#company div#contents.interview div.alpha {
				margin-bottom: 30px;
			}
			
				body#company div#contents.interview h3 {
					margin-bottom: 25px;
				}
				
				body#company div#contents.interview div.beta {
					margin-bottom: 28px;
					clear: both;
				}
				
					body#company div#contents.interview div.beta div.textBox {
						width: 490px;
					}
					
						body#company div#contents.interview div.beta div.textBox p,
						body#company div#contents.interview div.gamma p {
							margin-bottom: 15px;
							font-size: 93%;
							line-height: 24px;
						}
						
							body#company div#contents.interview div.beta div.textBox p .span01,
							body#company div#contents.interview div.gamma p .span01 {
								margin: 0 10px 0 0;
								font-weight: bold;
								color: #001c30;
							}
					
					body#company div#contents.interview div.beta div.photoBox {
						padding-top: 4px;
					}
					
				body#company div#contents.interview div.gamma {
					margin-bottom: 25px;
					clear: both;
				}
				
					body#company div#contents.interview div.gamma .inner {
						width: 360px;
					}
					
						body#company div#contents.interview div.gamma p {
							margin-bottom: 22px;
						}
					
				body#company div#contents.interview div.delta {
					margin-bottom: 40px;
					clear: both;
				}
				
					body#company div#contents.interview .item01 {
						margin: 0 -21px 15px 0;
						width: 762px;
						overflow: hidden;
					}
					
						body#company div#contents.interview .item01 li {
							margin-right: 21px;
							width: 233px;
							float: left;
							font-size: 93%;
							line-height: 2;
						}
						
							body#company div#contents.interview .item01 li p {
								padding: 8px 0 0;
								font-weight: bold;
							}
						
								body#company div#contents.interview .item01 li p .tit {
									color: #006c9a;
									font-weight: normal;
								}
								
				
					body#company div#contents.interview .item02 {
						margin: 0 -21px 15px 0;
						width: 763px;
						overflow: hidden;
					}
					
						body#company div#contents.interview .item02 li {
							margin-right: 21px;
							width: 169px;
							float: left;
							font-size: 93%;
							line-height: 2;
						}
						
							body#company div#contents.interview .item02 li p {
								padding: 8px 0 0;
								font-weight: bold;
							}
						
								body#company div#contents.interview .item02 li p .tit {
									color: #006c9a;
									font-weight: normal;
								}


			/*------------------------------------------------------------
				body#company
			------------------------------------------------------------*/
					
			/*サービス*/
			body#service div#header #globalNavi .navi02 a img {
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
			body#service div#contents .item li .tit {
				padding-bottom: 45px;
			}
			
				body#service div#contents .item li .tit img {
					margin: 0 0 0 3px;
					display: inline-block;
				}
		
				body#service div#contents .item li .tit .fNormal {
					padding-top: 8px;
					display: block;
					font-size: 86%;
					line-height: 1.8;
					color:#ccc;
				}
				
			/*開発事業*/
			body#service div#contents.development .alpha {
				margin-bottom: 29px;
			}
			
				body#service div#contents.development .section {
					margin-bottom: 20px;
					padding: 0 0 1px;
					background: url(/images/common/line_01.gif) repeat-x left bottom;
				}
				
				body#service div#contents.development h3 {
					margin-bottom: 14px;
				}
				
				body#service div#contents.development p {
					font-size: 93%;
					line-height: 24px;
					margin-bottom:1em;
				}
			
			body#service div#contents.development .section.lastChild {
				margin-bottom: 0;
				padding-bottom: 0;
				background: none;
			}


			/*------------------------------------------------------------
				body#works
			------------------------------------------------------------*/
			
			/*開発事例*/
			body#works div#header #globalNavi .navi03 a img {
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
			body#works div#contents .workslist {
				margin-bottom: 12px;
			}
			
			body#works div#contents .work {
				/*margin-bottom: 12px;*/
			}
			
			body#works div#contents div.more {
				margin: 0 auto;
				padding: 10px 0 0;
				width: 307px;
				cursor:pointer;
			}
			
			body#works div#contents .loading {
				background:url(/images/camera-loader.gif) 50% 10px no-repeat;
			}
			
			/*事例詳細*/	
			body#works div#contents.template h2 {
				margin-bottom: 10px;
			}
						
			body#works div#contents.template .text01 {
				margin-bottom: 26px;
				/*color: #006c9a;*/
				font-size: 93%;
			}
			body#works div#contents.template .like_btn {
				float:left;
				width:120px;
				z-index:2;
			}
			
			body#works div#contents.template #main {
				margin: 0 auto 15px;
				width: 576px;
				height:565px;
				background: url(/images/works/template/bg_01.jpg) no-repeat left top;
				position:relative;
				z-index:1
			}
			
			body#works div#contents.template #main .inner {
				width: 546px;
				height:316px;
			}
			
			
				body#works div#contents.template #camera {
				}
				
				body#works div#contents.template .camera_fakehover {
					overflow:hidden;
					position:absolute;
					top:15px;
					left:15px;
					width: 546px;
					height:316px;
				}
				
				
				body#works .camera_pag {
					position:absolute;
					top:456px;
					left:50%;
					width: 295px;
					margin-left:-147px;
				}
				
				body#works .camera_pag_ul {
					width: 301px;
				}
				
					body#works .camera_pag li {
						margin-right: 2px;
						float: left;
						position: relative;
						cursor:pointer;
					}
					
					body#works .pag_nav_0 {
						/*background-image:url(/images/works/dots/thumb_01.jpg);*/
						background-position:0 0;
						width:97px;
						height:65px;
						text-indent:-9999px;
					}
					
					body#works .pag_nav_1 {
						/*background-image:url(/images/works/dots/thumb_02.jpg);*/
						background-position:0 0;
						width:97px;
						height:65px;
						text-indent:-9999px;
					}
					
					body#works .pag_nav_2 {
						/*background-image:url(/images/works/dots/thumb_03.jpg);*/
						background-position:0 0;
						width:97px;
						height:65px;
						text-indent:-9999px;
					}
					
					body#works .cameracurrent {
						background-position:0 -65px;
					}
					
					
			body#works div#contents.template div.gamma {
				margin-bottom: 28px;
				clear: both;
			}
					
			body#works div#contents.template div.gamma div.gammaInner {
				margin-right: 15px;
				padding: 0 15px 30px 0;
				width: 300px;
				float: left;
				border-right: 1px solid #ccc;
			}
			
			body#works div#contents.template div.gamma div.gammaInner01 {
				margin-right: 0;
				padding-right: 0;
				border-right: none;
			}
			
				body#works div#contents.template div.gamma div.gammaInner h3 {
					margin-bottom: 15px;
					text-align: center;
				}
				
					body#works div#contents.template div.gamma div.gammaInner h3 img {
						display: inline;
					}
					
				body#works div#contents.template div.gamma div.gammaInner p {
					font-size: 93%;
					line-height: 24px;
				}
				
			body#works div#contents.template .item03 {
				margin-top: 10px;
			}
			
				body#works div#contents.template .item03 li {
					padding: 1px;
					float: left;
				}
			
			body#works div#contents.template .dl01 {
				font-size: 93%;
				background: url(/images/common/line_01.gif) repeat-x left top;
			}
			
				body#works div#contents.template .dl01 dt {
					padding: 10px 0 10px 0;
					float: left;
					clear: left;
					width: 105px;
				}
				
				body#works div#contents.template .dl01 dd {
					padding: 10px 0 10px 0;
					/*color: #006c9c;*/
					background: url(/images/common/line_01.gif) repeat-x left bottom;
				}
								
				body#works div#contents.template h4 {
					margin-bottom: 15px;
				}
			
			body#works div#contents.template div.delta {
				margin-bottom: 28px;
						padding: 21px;
						background-color: #eee;
			}
		
				body#works div#contents.template div.delta .item04 li {
					margin-right: 16px;
					float: left;
					width: 220px;
				}
			
					body#works div#contents.template div.delta .item04 li dl {
						padding: 10px 0 0;
					}
					
						body#works div#contents.template div.delta .item04 li dl dt {
							margin-bottom: 5px;
							font-size: 93%;
							font-weight: bold;
							color: #001c30;
						}
						
						body#works div#contents.template div.delta .item04 li dl dd {
							font-size: 77%;
							line-height: 1.7;
						}
						
			body#works div#contents.template .text02 {
				text-align: right;
				font-size: 93%;
			}


			/*------------------------------------------------------------
				body#privacy
			------------------------------------------------------------*/
				
			/*プライバシーポリシー*/
			body#privacy div#contents .section {
				padding-bottom:10px;
				background:url(/images/common/line_01.gif) 0 100% repeat-x;
				margin-bottom:30px;
			}
			body#privacy div#contents .section.lastChild {
				padding-bottom:0;
				background:none;
				margin-bottom:30px;
			}
			
			body#privacy div#contents h2 {
				margin: -1px 0 28px 0;
			}
			
			body#privacy div#contents h3,
			body#privacy div#contents h4 {
				margin-bottom: 10px;
				font-size: 108%;
				font-weight: bold;
				line-height: 1.231;
				color: #001c30;
			}
			
			body#privacy div#contents p,
			body#privacy div#contents .item01 {
				margin-bottom: 10px;
				font-size: 93%;
				line-height: 24px;
			}
			
				body#privacy div#contents .item01 li {
					margin-bottom: 8px;
					padding-left: 1em;
					text-indent: -1em;
				}
				
			body#privacy div#contents .text01 {
				margin-bottom: 18px;
			}
			
			body#privacy div#contents .dl01 {
				margin-bottom: 15px;
			}
			
				body#privacy div#contents .dl01 dt {
					font-size: 93%;
					font-weight: bold;
					line-height: 24px;
					color: #001c30;
				}
				
				body#privacy div#contents .dl01 dd {
					margin-bottom: 8px;
					line-height: 26px;
				}
				
				body#privacy div#contents .dl01 dd p {
					line-height: 24px;
				}
			
			body#privacy div#contents .item02 {
				margin-bottom: 15px;
				font-size: 93%;
				line-height: 26px;
			}
			
			body#privacy div#contents h4 {
				margin-bottom: 6px;
				font-size: 93%;
			}
			
			body#privacy div#contents .text02 {
				margin-bottom: 20px;
				text-align: right;
			}
			
			body#privacy div#contents .item03 {
				margin-top:40px;
				margin-bottom:30px;
			}
			
				body#privacy div#contents .item03 li {
					float:left;
					margin-right:20px;
				}
				
					body#privacy div#contents .item03 li a {
						background:url(/images/common/icon_04.gif) 0 50% no-repeat;
						padding-left:20px;
					}


			/*------------------------------------------------------------
				body#sitemap
			------------------------------------------------------------*/
			
			/*サイトマップ*/
			body#sitemap div#contents h2 {
				margin: -1px 0 13px 0;
			}
			
				body#sitemap div#contents .item01 li {
					padding: 14px 2px;
					font-size: 93%;
					line-height: 1.231;
					background: url(/images/common/line_01.gif) repeat-x left bottom;
				}
				
					body#sitemap div#contents .item01 .fwBold {
						float: left;
						display: block;
						width: 288px;
					}
					
					body#sitemap div#contents .item01 ul {
						float: left;
						width: 320px;
					}
					
						body#sitemap div#contents .item01 ul li {
							margin-bottom: 12px;
							padding: 0;
							background: none;
						}


			/*------------------------------------------------------------
				body#recruit
			------------------------------------------------------------*/
				
			/*採用情報*/
			body#recruit div#header #globalNavi .navi05 a img {
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
			body#recruit div#contents h2 {
				margin: 0 0 41px -1px;
				padding-top: 1px;
			}
			
			body#recruit div#contents h3 {
				margin: 0 0 43px -1px;
				position: relative;
			}
			
			body#recruit div#contents h4 {
				margin-bottom: 15px;
				font-weight: bold;
				font-size: 108%;
				color: #001c30;
			}
			
			body#recruit div#contents h5 {
				margin-bottom: 15px;
				font-weight: bold;
				font-size: 93%;
				color: #001c30;
			}
			
			body#recruit div#contents .item01 {
				width: 202px;
				float: right;
			}
					
				body#recruit div#contents .item01 li {
					margin-bottom: 1px;
					float: left;
				}
				
			body#recruit div#contents .table01 {
				margin-bottom: 35px;
				width: 100%;
				border-collapse: collapse;
			}
			
				body#recruit div#contents .table01 th,
				body#recruit div#contents .table01 td {
					padding: 10px 15px 7px;
					font-size: 93%;
					line-height: 24px;
					text-align: left;
					vertical-align: middle;
					border: 1px solid #ccc;
				}
				
				body#recruit div#contents .table01 th {
					font-weight: bold;
					color: #001c30;
					background-color: #bee1f6;
				}
				
						body#recruit div#contents .table01 td .item02 li {
							line-height: 26px;
						}
					
					body#recruit div#contents .table01 td .span01 {
						margin-bottom: 10px;
						display: block;
					}
					
					body#recruit div#contents .table01 td .text01 {
						padding: 8px 0 0 12px;
					}
					
					body#recruit div#container .text {
						margin-bottom: 25px;
						font-size: 93%;
						text-align: center;
					}
					
					body#recruit div#container div.alpha {
						text-align: center;
					}
					
						body#recruit div#container div.alpha img {
							display: inline;
						}


			/*------------------------------------------------------------
				body#contact
			------------------------------------------------------------*/
					
			/*お問い合わせ*/
			body#contact div#contents h2 {
				margin: 0 0 27px -1px;
			}
			
			body#contact div#contents p {
				margin-bottom: 18px;
				font-size: 93%;
				line-height: 24px;
			}
			
			body#contact div#contents h3 {
				margin-bottom: 5px;
				font-weight: bold;
				line-height: 1.231;
				color: #001c30;
			}
			
				body#contact div#contents .span01 {
					padding-top: 10px;
					display: inline-block;
				}
				
				body#contact div#contents .span02 {
					margin-right: 5px;
					font-size: 116%;
					font-weight: bold;
				}
				
				body#contact div#contents .span03 {
					color: #f00;
				}
				
			body#contact div#contents .alpha {
				padding: 28px 0 3px;
				background-color: #eee;
			}
			
			body#contact div#contents h4 {
				margin: 0 auto 30px;
				width: 192px;
			}
			
			body#contact div#contents .mailForm table {
				width: 100%;
			}
			
				body#contact div#contents .mailForm th,
				body#contact div#contents .mailForm td {
					padding: 0 12px 30px;
					font-size: 93%;
					vertical-align: top;
				}
				
				body#contact div#contents .mailForm th {
					text-align: right;
				}
				
					body#contact div#contents .mailForm th .span03 {
						margin-right: 3px;
					}
				
					body#contact div#contents .mailForm td .fName,
					body#contact div#contents .mailForm td .fDivision,
					body#contact div#contents .mailForm td .fJob,
					body#contact div#contents .mailForm td .fEmail,
					body#contact div#contents .mailForm td .fType {
						width: 466px;
						color: #666;
					}
					
					body#contact div#contents .mailForm td .fTel {
						width: 296px;
					}
				
					body#contact div#contents .mailForm td .fBody {
						width: 466px;
						height: 186px;
					}
					
				body#contact div#contents .mailForm .tr01 th,
				body#contact div#contents .mailForm .tr01 td {
					padding: 30px 12px 8px;
					border-top: 2px solid #fff;
				}
				
				body#contact div#contents .alpha .text01 {
					margin: 0 3px;
					padding: 30px 112px;
					font-size: 108%;
					line-height: 28px;
					background-color: #fff;
				}
				
			/*Q&A*/
			body#contact div#contents .text02 {
				margin-bottom: 12px;
				padding: 0 0 10px;
				font-size: 108%;
				font-weight: bold;
				color: #001c30;
				background: url(/images/common/line_01.gif) repeat-x left bottom;
			}
			
			body#contact div#contents .qa {
				padding: 0 2px;
				font-size: 93%;
			}				
				
				body#contact div#contents .qa dt {
					margin-bottom: 10px;
					font-weight: bold;
					color: #001c30;
				}
				
				body#contact div#contents .qa dd {
					margin-bottom: 10px;
					padding: 0 0 10px;
					line-height: 24px;
					background: url(/images/common/line_01.gif) repeat-x left bottom;
				}
				
					body#contact div#contents .qa dd a {
						font-weight: bold;
					}
					
					body#contact div#contents .qa .floatL {
						padding: 3px 0 0;
						display: block;
					}
					
					body#contact div#contents .qa .span04 {
						padding: 8px 0 0 50px;
						display: block;
					}
					
					
/*-----------------------------------------------------------
common
-----------------------------------------------------------*/
									
	a .iconBlank,
	a.iconBlank {
		padding-right: 20px;
		display: inline-block;
		/display:inline;
		/zoom:1;
		background: url(/images/common/icon_blank.gif) no-repeat right 50%;
	}
	
	a:hover .iconBlank,
	a:hover.iconBlank {
		background: url(/images/common/icon_blank_o.gif) no-repeat right 50%;
	}
					
					
/*-----------------------------------------------------------
media only screen
-----------------------------------------------------------*/

/*iPhone 3*/
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (orientation:portrait) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) and (orientation:landscape) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}

/*iPhone 4*/
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:landscape) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}

/*iPhone 5*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}

/*iPad tate*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}

/*iPad yoko*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	#header .contact {
		position:absolute !important;
	}
	#shortnavi {
		position:absolute;
		left:-9999px;
	}
}

/*PC*/
@media screen and (min-device-width: 1025px) {
}