/*///// COMMON.CSS /////*/
/* Last Update 2008-07-06 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEAD
	3-2. GLOBAL MENU
	3-3. TOPICS PATH
	3-4. MAIN IMAGE
	3-5. CONTENT AREA
		3-5-1 MAIN(for 2 column)
		3-5-2 MAIN(for 3 column)
	3-6. FOOT

99. GENERAL SETTINGS
*/


/*///// 1. RESET.CSS /////*/
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration: none;
    outline: none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*///// 2. BASIC SETTINGS /////*/
html {
	background: #FFF url(../images/bodyBg.gif) repeat-y center;
}
body {
	text-align: center; /* forIE5 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

a:link {}
a:active {}
a:visited {}
a:hover {}

/*///// 3. LAYOUT /////*/
	div#head,
	div#main,/* 2 column */
	div#foot {
	width: 740px;
	margin: 0 auto;
	text-align: left; /* forIE5 */
	}

/*/// 3-1. HEAD ///*/
	#head {
	height: 16px;
	background: url(../images/headBg.gif) repeat-x;
	}

/*/// 3-2. GLOBAL MENU ///*/

/*/// 3-3. TOPIC PATH ///*/

/*/// 3-4. MAIN IMAGE ///*/
	div#main {
	background: #FFF url(../images/mainBg.gif) repeat-y;
	}

/*/// 3-5. CONTENTS AREA ///*/
	/*// 3-5-1 MAIN(for 2 column) //*/
	#main div#content {
	float: right;
	width: 549px;
	}	
	#main div#subMenu {
	float: left;
	width: 190px;
}
	/*/// 左エリア ///*/
	/* ロゴエリア */
	#logoArea {
	border-top: 1px solid #CCC;
	background: #F5F5F5 url(../images/logoAreaBg.gif) no-repeat left bottom;
	height: 144px;
	text-align: center;
	}
		#logo {
		margin-top: 23px;
		}
	/* グローバルメニュー */
	#globalMenu {
	border-top: 1px solid #CCC;
	padding: 10px 0;
	}
		#globalMenu ul.body {
		margin: 0 5px;
		}
			#globalMenu li {
			border-bottom: 1px solid #999;
			background: url(../images/arrowA.gif) no-repeat 0 7px;
			padding: 3px 0 3px 12px;
			}
			#globalMenu li.noMark {
			background: none;
			padding-left: 0;
			}
				#globalMenu li ul {
				}
				#globalMenu li ul li {
				border-bottom: none;
				padding: 0 0 0 12px;
				background: url(../images/arrowA.gif) no-repeat 0 5px;
				}

	/*/// 右エリア ///*/
	/* 本体へのリンク */
	#content #globalNav {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #d8f2d8;
	height: 15px;
	margin-bottom: 0.7em;
	line-height: 15px!important;
	}
		#content #globalNav ul {
		float: right;
		text-align: right;
		margin-bottom: 0;
		}
			#content #globalNav ul li {
			display: inline;
			margin-right: 10px;
			}
				#content #globalNav ul li img {
				vertical-align: top;
				}
	/* パンくずリスト */
	#main div#topicPath {
	margin-left: 10px;
	clear: right;
	}
	/* 本文エリア */
	#main #content div.body {
	margin-left: 20px;
	margin-right: 10px;
	}
	#main #content a:link,
	#main #content a:active,
	#main #content a:visited,
	#main #content a:hover {
	text-decoration: underline;
	}
		/* 内部メニュー */
		#content div#innerNav {
		background: #EDF5F0;
		margin: -15px 0 0.7em -10px;
		padding: 5px;
		border-bottom: 1px dotted #059336;
		color: #333;
		}
			#content div#innerNav ul {
			list-style: none;
			margin: 0;
			}
				#content div#innerNav ul li {
				margin: 0;
				display: inline;
				}

		/* ページ内ナビゲーション */
		#content dl#inpageNav {
		margin: 0 0 1em -10px;
		padding: 5px;
		border-bottom: 1px dotted #CCC;
		color: #333;
		}
			#content dl#inpageNav dt {
			background: #EDF5F0;
			}
				#content dl#inpageNav dd {
				background: url(../images/arrowA.gif) no-repeat 0 7px;
				padding-left: 18px;

				}

		/* コンテンツ領域 */
		#content h1 {
		background: url(../images/h1Bg.jpg) repeat-y;
		padding-left: 5px;
		border-top: 1px solid #059336;
		border-bottom: 1px solid #059336;
		}
		#content h2 {
		padding-left: 5px;
		border-left: 3px solid #059336;
		border-bottom: 1px solid #059336;
		}
		#content h3 {
		padding-left: 5px;
		border-bottom: 1px solid #059336;
		}
		#main ul.navTop {
		clear: both;
		list-style: none;
		margin-bottom: 1em;
		margin-right: 5px;
		padding-top: 5px;
		border-top: 1px dotted #CCC;
		text-align: right;
		}
	
	#main ul#navTop {
	clear: both;
	list-style: none;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-top: 30px;
	text-align: right;
	}
	
/*/// 3-6. FOOT ///*/
	#foot {
	clear: both; /* for DW*/
	border-top: 1px solid #999;
	background: #cde5b1;
	}
		#foot address {
		margin: 10px;
		}
		#foot p#copyRight {
		padding-top: 10px;
		border-top: 1px solid #999;
		background: #FFF;
		text-align: center;
		}

/*///// 10. INDEX /////*/
body#index p#mainImg {
	margin-bottom: 0!important;
}
	body#index p#mainImg img,
	body#index #content h2 img {
		vertical-align: bottom;
	}
body#index #content h2 {
	background: none;
	padding-left: 0;
	border-top: 2px solid #059336;
	border-bottom: 2px solid #059336;
	border-left: none;
}


/*///// 20. 各ページ独自 /////*/
/* /jvcc/introduce.html */
div#lasikFlow {
	margin: 0 auto;
	padding-bottom: 0.7em;
	width: 400px;
}
	div#lasikFlow p {
	width: 180px;
	float: left;
	text-align: center;
	font-size: 90%;
	}
/* /jvcc/howto.html */
dl.flow {
	margin-left: 18px;
}
	dl.flow dd {
	margin-bottom: 12px;
	padding-bottom: 24px;
	background: url(../images/arrowU.gif) no-repeat center bottom;
	}
	dl.flow dd.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
	}


/*///// 99. GENERAL SETTINGS /////*/
	/*//// TEXT ALIGN ////*/
	.a-left {
	text-align: left;
	}
	.a-center {
	text-align: center;
	}
	.a-right {
	text-align: right;
	}

	/*//// PHOTO ////*/
	p.photoL {
	width: 223px;
	padding: 10px;
	float: left;
	background: #EDF5F0
	}
	p.photoR {
	width: 223px;
	padding: 10px;
	float: right;
	background: #EDF5F0
	}
		p.photoL img,
		p.photoR img {
		margin-bottom: 5px;
		}
	img.photoL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.photoR {
	float: right;
	margin: 0 0 0.5em 1em;
	}

	/*//// LIST ////*/
	div#content ul {
	list-style: disc;
	}
		div#content ul li,
		div#content ol li,
		div#content dd {
		margin-left: 18px;
		}
	div#content ul.link {
	list-style: none;
	}
		div#content ul.link li {
		background: url(../images/arrowA.gif) no-repeat 0 7px;
		margin-left: 0;
		padding-left: 18px;
		}

	/*//// TABLE ////*/
	div#content table {
		border-collapse: collapse;
		width: "\"}\"";
		width:100%;
	}
	div#content table,
	div#content th,
	div#content td {
		border: 1px solid #999;
	}
	div#content th {
		background-color: #DCF9DF;
	}
	div#content td, 
	div#content th {
		padding: 3px;
		font-size: 80%;
	}

	/*//// MARGIN ////*/
	div#content h2,
	div#content h3,
	div#content h4,
	div#content h5,
	div#content h6,
	div#content p,
	div#content ul,
	div#content ol,
	div#content dl,
	div#content table {
	margin-bottom: 0.7em;
	}
	div#content h1 {
	margin-bottom: 15px;
	}
	div#content h1,
	div#content h2,
	div#content h3,
	div#content h4,
	div#content h5,
	div#content h6 {
	margin-left: -10px;
	}
	
	/*//// FONT SIZE ////*/
		#content,
		#globalMenu,
		#foot address {
		line-height: 1.5;
		}

	/*//// FONT SIZE ////*/
		/*/// 120% ///*/
		h1 {
		font-size: 120%;
		}
		
		/*/// 110% ///*/
		h2 {
		font-size: 110%;
		}
		
		/*/// 90% ///*/
		div#globalMenu,
		p.photoL,
		p.photoR,
		.note {
		font-size: 90%;
		}
		
		/*/// 80% ///*/
		div#topicPath,
		div#innerNav,
		div#foot p#copyRight,
		div#foot address {
		font-size: 80%;
		}

	/*//// FONT COLOR ////*/
		/*/// RED ///*/
		.red {
		color: #F00;
		}
		
	/*//// FONT WEIGHT ////*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt {
	font-weight: bold;
	}

	/*//// FONT SIZE ////*/
		#content .note {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #666;
		}
	
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}

/*//// CLEARFIX ////*/
div#globalNav:after,
div#main:after,/* 2 column */
div#content:after,/* 1 column */
div#foot address:after,
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#globalNav,
div#main,/* 2 column */
div#content,/* 1 column */
div#foot address,
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#globalNav,
* html div#main,/* 2 column */
* html div#content,/* 1 column */
* html div#foot address,
* html .clearfix {
	height: 1%;
}
div#globalNav,
div#main,/* 2 column */
div#content,/* 1 column */
div#foot address,
.clearfix {
	display: block;
}
/* End hide from IE-mac */