/* pc */

@media screen and (min-width: 769px) {

* {	margin: 0px;	padding: 0px; }

body {	background-color: #BCF;
	line-height: 1.5em;
	width: 900px;
	margin: 0px auto 50px;}

#page {	text-align: left;	background-color: #fff;
	border: solid #cccccc;	border-width: 0px 1px 1px;
	font-family: sans-serif}

#nav {	clear: both;	background: #6c0;
	font-family:  sans-serif;
	text-align: right;	}

#nav ul {list-style-type: none;		width:858px; 	height:30px;
	background: #006;	padding: 0 20px;}

#nav li { 	float: left;
	border-right: 1px solid #fff;}

#nav li a {text-decoration: none;	display: block;
	padding: 7px 1em;	height:16px;
	background: #006;		color: #ccc;}

#nav li a:hover {background: #66c;	color: #fff;}

#name {	padding-left: 40px; padding-top: 20px;
	margin-bottom: 5px;	
	float:left;}

#logo {	float: right; padding-top: 20px;
	padding-right: 20px; }

#head {	clear: both;
	margin-top: 10px;
	background: #6c0;}

.figleft {	float: left;
	padding: 5px 5px;
	margin-right: 20px}

.figright {	float: right;
	padding: 0px 30px;}

#main {	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 30px;
	font: 12pt sans-serif;
	line-height: 1.4em}

#top {	padding-top: 1.5em;
	line-height: 1.8em}

.head2 {clear: both;	margin: 20px 30px;	width:60%;
	color: #000;	padding-left: 20px;
	border-bottom: 5px solid #36c;
	font-size: 14pt;  font-family: sans-serif; font-weight:bold;
	letter-spacing: 0.4em
	}

#content {clear: both;		font-size: 11pt;
	padding: 0 30px 20px;
	margin: 0px;		line-height: 1.4em;
	border-bottom: 1px solid #ccc;}

#foot {clear: both;
	padding: 10px 30px;	margin: 0px;
	font: 11pt sans-serif;
	text-align: center; line-height: 1.5em;}

img	{border: none;	margin: 5px;}

strong {font-weight: bold;	color:#d33}

table {	font-size: 11pt;}

.spec table {	font-size: 10pt;
	border: solid 1px #888;
	border-collapse: collapse;}
.spec th {	font-size: 10pt;
	border: solid 1px #888;}
.spec td {	font-size: 10pt;
	border: solid 1px #888;}

.contact table { font-size: 12pt;	border:	solid 1px #888;
	padding: 5px 20px;
	margin-left: 20px;		}

th   {	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 1.2em;} 

td   {	padding: 8px 10px;
	vertical-align: top;
	line-height: 1.2em;} 

em	{color: #6c0;	font-style: normal;}

p {	margin: 0px 0px;
	padding: 20px 30px;}

p.first {	padding-right: 30%;}

h1 {	font-size: 15pt;  font-family: sans-serif; 
	padding: 0px 30px ; }

h2 {	font-size: 12pt;  font-family: sans-serif; 
	margin: 20px 10px 10px;
	color: #333;
	border-top: 1px dashed #999;
	padding: 10px 0px 0px;}

ul {	margin: 10px 0px 0px 0px;
	padding-left: 30px;}

dl {	margin: 20px 0px;}
dt {	font-weight: bold; line-height: 1.5em; 
	margin: 20px 0 0;}
dd {	margin-left: 3em;	}


a:link { color: #39c ; text-decoration:none}
a:visited { color: #33c; }
a:active { color: #933; }
a:hover { color: #933 ; text-decoration: underline}
	
	}
/*PC用スタイル　ここまで*/


/* mobile */
@media screen and (max-width: 768px) {

* {	margin: 0px;	padding: 0px; }

body {	background-color: #888;
	line-height: 1.5em;
	width: 100%;
	margin: 0px ;}

#page {	text-align: left;	background-color: #fff;
	border: solid #cccccc;	border-width: 0px 1px 1px;
	font-family: sans-serif}

#nav {	clear: both;	background: #6c0;
	font-family:  sans-serif; 
	}

#nav ul {display: table;	text-align: center;	width:100%; 	height:10mm;
	background: #006;	padding: 0 }

#nav li {display: table-cell;
	border-right: 1px solid #fff;}

#nav li a {text-decoration: none;	display: block;
	padding: 2mm 1mm;	height:6mm;
	background: #006;		color: #ccc;}

#nav li a:hover {background: #66c;	color: #fff;}

#name {	margin-left: auto; margin-right: auto;
	margin-bottom: 2mm; padding-top: 4mm;	
	float:left;}

#logo {		display: none;	}

#head {	clear: both;
	margin-top: 4mm;
	background: #6c0;}

.figleft {	float: left;
	padding: 2mm 2mm;
	margin-right: 0}

.figright {	display: none;	}

#main {	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 3%;
	font:  sans-serif;
	line-height: 1.4em}

#top {	padding-top: 1em;
	line-height: 1.5em}

.head2 {clear: both;	margin: 20px 30px;	
	color: #000;	padding-left: 20px;
	border-bottom: 5px solid #36c;
	font-size: 14pt;  font-family: sans-serif; font-weight:bold;
	letter-spacing: 0.1em
	}

#content {clear: both;		font-size: 11pt;
	padding: 0 15px 20px;
	margin: 0px;		line-height: 1.4em;
	border-bottom: 1px solid #ccc;}

#foot {clear: both;
	padding: 10px 30px;	margin: 0px;
	font: 11pt sans-serif;
	text-align: center; line-height: 1.5em;}

img	{max-width: 100%; border: none;	margin: 0;}

img#lens1 {height: 7em; }

strong {font-weight: bold;	color:#d33}

table {	font-size: 12pt; }

.contact table { font-size: 13pt;	border:	solid 1px #888;
		margin-left: auto; margin-right: auto;
		}
.spec table {	font-size: 10pt;
	border: solid 2px #888;
	border-collapse: collapse;
	margin: 1mm}
.spec th {	font-size: 10pt;
	border: solid 1px #888;}
.spec td {	font-size: 10pt;
	border: solid 1px #888;}


th   {	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 2em;} 

td   {	padding: 8px 10px;
	vertical-align: top;
	line-height: 1.2em;} 

em	{color: #6c0;	font-style: normal;}

p {	margin: 0px 0px;
	padding: 20px 30px;}

p.first {	padding-right: 10%;}

h1 {	font-size: 13pt;  font-family: sans-serif; 
	padding: 0px 5% ; }

h2 {	font-size: 12pt;  font-family: sans-serif; 
	margin: 20px 10px 10px;
	color: #333;
	border-top: 2px dashed #333;
	padding: 10px 0px 0px;}

ul {	margin: 10px 0px 0px 0px;
	padding-left: 30px;}

dl {	margin: 20px 0px;}
dt {	font-weight: bold; line-height: 1.5em; 
	margin: 20px 0 0;}
dd {	margin-left: 3em;	}


a:link { color: #39c ; text-decoration:none}
a:visited { color: #33c; }
a:active { color: #933; }
a:hover { color: #933 ; text-decoration: underline}

	}
/*mobile用スタイル　ここまで*/