@charset "utf-8";

/*************************************************
			kankyo/index用
**********************************2011.12*********/

div.wrapper div#mainContents_b h3.win {
	color: #0008ac;
}
div.wrapper div#mainContents_b h3.mac {
	color: #e70000;
}

/*contentsWrapper-----------------------------*/
 
 div.wrapper {
 	width:100%;
	margin:0 auto;
	background:#fff;
	}
	
	/*h1-------------------------------------*/
/*	div.wrapper h1 {
		height:52px;
		width:100%;
		background:url(/assets-before/common/images/jiia_logo.gif) no-repeat ;
		text-indent:-9999px;
		border-bottom:1px solid #000;
		}*/
	/*header----------------------------------*/
	div#header {
		width:600px;
		}

	/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		/*height:60px;*/
		/*background:url(../images/tit_kankyo.gif) 0 25px no-repeat;*/
		/*text-indent:-9999px;*/
		font-size: 20px;
		margin-left: 30px;
		}
/*contents------------------------------------*/

div.wrapper div#mainContents_b {
	/*width:580px;*/
	/*margin:20px auto;*/
	position:relative;
	background: #fff;
	padding: 25px;
	font-size: 14px;
	}

div.wrapper div.contents {
	/*width:580px;*/
	width:800px;
	margin:20px auto;
	position:relative;
	border-bottom:1px dotted #ccc;
	padding:0 0 20px;
	}
	div.wrapper div.lastCol {
		border:none;
		}
		
	/*h2-------------------------------------*/
	div.wrapper div.contents h2 {
		height:15px;
		/*background:url(../images/tits_ssl.gif)  no-repeat;*/
		/*text-indent:-9999px;*/
		margin:30px 0 20px;
		}
	div.wrapper div.contents h2#sslno {
		background:url(../images/tits_sslno.gif) no-repeat;
		}
	div.wrapper div.contents h2#os {
		background:url(../images/tits_os.gif) no-repeat;
		}
	
	div.wrapper div.contents h2.chui {
		background:url(../images/tits_chui.gif) no-repeat;
		}
	/*p---------------------------*/
	div.wrapper div.contents p {
		margin:0 0 0 15px;
		}
	/*ul list---------------------------------*/
	div.wrapper div.contents ul {
		margin:20px 0 0 15px;
		list-style:none;
		}
	div.wrapper div.contents ul li {
		/*background:url(../images/marker_square.gif) no-repeat 0 2px;*/
		padding:0 0 0 30px;
		text-indent:-2em;
		margin:10px 0 0;
		}
		/*ul.come---------------------------*/
		div.wrapper div#mainContents_b div.contents ul.come {
			margin:20px 0 0 20px;
			}
		div.wrapper div.contents ul.come li {
			background:url(../images/marker_come.gif) no-repeat 0 4px;
			padding:0 0 0 15px;
			}
	/*h3-------------------------------*/
	div.wrapper div.contents h3 {
		margin:20px 0 10px 15px;
		}
	div.wrapper div.contents h3.win {
		color:#0008ac;
		}
	div.wrapper div.contents h3.mac {
		color:#e70000;
		}
	/*dl list---------------------------*/
	div.wrapper div.contents dl {
		margin:0 0 0 25px;
		}
		div.wrapper div.contents dl dt {
			line-height:2em;
			width:6.5em;
			}
		div.wrapper div.contents dl dd {
			line-height:2em;
			margin:-2em 0 0 5.5em;
			}
		div.wrapper div.contents dl dd.nomargin {
			margin:0 0 0 5.5em;
			}
		
	/*ol list---------------------------------*/
	div.wrapper div.contents ol {
		margin:20px 0 20px 20px;
		}
		/*privacy ol-----------------------------*/
		div.wrapper div.contents ol.privacy {
			margin:20px 0 20px 40px;
			}
	div.wrapper div.contents ol li {
		margin:15px 0;
		}
	

		
	/*borderBox----------------------------------*/
	div.wrapper div.contents div.borderBox {
		border:1px solid #000;
		background:#eee;
		padding:20px;
		
		}
		div.wrapper div.contents div.borderBox h3 {
			background:url(../images/tits_toiawase.gif) no-repeat;
			text-indent:-9999px;
			margin:0 0 20px;
			}


	/* margin */
	.mb15{
		margin-bottom: 15px;
	}
	.ml20{
		margin-left: 20px;
	}
	.ml40{
		margin-left: 40px;
	}
	.mt15{
		margin-top: 15px;
	}
	.mt25{
		margin-top: 25px;
	}

	/* anker */
	a.under {
		text-decoration: underline;
	}

	/* ul */
	div.wrapper div.contents ul.ti_ini {
	}
	div.wrapper div.contents ul.ti_ini li {
		text-indent: initial;
		padding: 0 0 0 15px;
	}

	/* text-align */
	.posi {
		text-align: right;
	}

/*	レスポンシブ対応
----------------------------------------------------------------------------------------------------------------------------------*/

.sp {
	display: none !important;
}

@media all and (min-width: 0px) and (max-width: 736px) {

	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	* {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	body {
		-webkit-text-size-adjust: none;
		width: 100%;
		overflow-x: hidden;
	}
	
	div#mainContents_b {
		width: auto;
		width: 100%;
		overflow-x: hidden;
	}
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.imgInit {
		width: auto !important;
	}
	div.wrapper {
		width: 100%;
	}
	div.wrapper div#header {
		display: none;
	}
	div#pan {
		width: 100%;
	}

	div#header {
		width: 100%;
		height: 80px;
		margin: 0 auto 0;
	}
	div.wrapper #mainContents_b > div {
		width: 100%;
	}
	div#mainContents_b {
	    width: 100% !important;
	}
	div#mainContents_b h1 {
	    width: 100% !important;
		text-indent: initial !important;
		background: none !important;
	}
	div.wrapper div.contents h2 {
		/*margin: 0 3%;*/
	}
	div.wrapper div.contents p {
		margin: 0 5%;
	}
	div.wrapper div#mainContents_b div.contents ul {
		margin: 0 5%;
	}

	div#container {
	    width: 100% !important;
	}

	div.wrapper div#mainContents_b div#container table {
	    width: 100% !important;
	}


	#footerBg {
		display: none;
	}

	/* h2 */
	h2 {
	}

}