@charset "utf-8";
/* *********************************************************************

CSS FILE common.css
apply for "All-files".

[index]
1.PageStructure
2.PageLayout
3.Common
4.HEAD
5.MENU
6.CONTENTS
7.FOOTER
8.PAGE CONTENTS

【LAST UPDATED】20 Mar 2011
********************************************************************* */



/* *********************************************************************
1.PageStructure
********************************************************************* */

html, body {
	height: 100%;
}

body {
	background: #fff url(../images/bg.jpg) repeat-y;
	color: #333;
	font-size: 14px;
}

#wrap {
	background: url(../images/head_bg.gif) no-repeat left top;
	position: relative;
	width: 780px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
	
#container {
	padding-bottom: 100px;
	clear: both;
}

#foot {
	width: 780px;
	height: 100px;
	position: absolute;
	bottom: 0;
}



/* *********************************************************************
2.PageLayout
********************************************************************* */

.clear { clear: both; }
.leftPos { float: left; }
.rightPos { float: right; }
.leftPosT { text-align: left; }
.rightPosT { text-align: right; }
.centerPosT { text-align: center; }
.nw { white-space: nowrap; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }



/* *********************************************************************
3.Common
********************************************************************* */

a { text-decoration: underline; }
a:link { color: #36c; }
a:visited { color: #36c; }
a:hover {color: #69f; text-decoration: none;}

#contentsboard_top {
	width: 647px;
	height: 31px;
	margin: 0 0 0 38px;
	padding: 9px 0 0;
	background: url(../images/contents_top.png) no-repeat left bottom;
}

#contentsboard {
	width: 567px;
	margin: 0 0 0 38px;
	padding: 0 40px;
	background: url(../images/contents_bg.png) repeat-y;
}

#contentsboard_btm {
	width: 647px;
	height: 54px;
	margin: 0 0 0 38px;
	padding: 6px 0 0;
	background: url(../images/contents_btm.png) no-repeat left top;
}

#contentsboard_top a,
#contentsboard_btm a{
	float: right;
}

.txt_red {
	color: #e00;
}



/* *********************************************************************
4.HEAD
********************************************************************* */

#head {
	height: 215px;
}

#head h1 {
	position: absolute;
	top: 10px;
	left: 238px;
}

#head #head_sttl1 {
	position: absolute;
	top: 140px;
	left: 215px;
}

#head #head_sttl2 {
	position: absolute;
	top: 52px;
	left: 51px;
}



/* *********************************************************************
5.MENU
********************************************************************* */

#menu {
	width: 724px;
	height:70px;
	margin: 0 auto;
	background: url(../images/menu_bg.png) no-repeat left top;
}

#menu ul {
	width: 450px;
	margin: 0 0 0 150px;
}

#menu li {
	margin: 0 15px 0 0;
	width: 210px;
	height:63px;
	float: left;
}

#menu h2 {
	margin: 0;
	padding: 0;
}



/* *********************************************************************
6.CONTENTS
********************************************************************* */

#contents {
	width: 724px;
	margin: 0 auto;
	background: url(../images/container_bg.png) repeat-y;
}

#container_btm {
	width: 724px;
	height: 22px;
	margin: 0 auto;
	background: url(../images/container_btm.png) no-repeat left top;
}



/* *********************************************************************
7.FOOTER
********************************************************************* */

#foot {
	background: url(../images/foot_bg.png) no-repeat left bottom;
	text-align: left;
	clear: both;
}

#foot address {
	margin: 54px 0 0 10px;
	font-size: 0.8em;
}



/* *********************************************************************
8.PAGE CONTENTS
********************************************************************* */

/* PAGE: index.html
********************************************************************* */

#case_win {
	width: 676px;
	margin: 0 0 0 20px;
	padding: 0 0 4px;
	background: url(../images/case_win_bg.gif) no-repeat center top;
}

#case_win li {
	width: 328px;
	height: 165px;
	padding: 4px 5px;
	float: left;
}


/* PAGE: list_case
********************************************************************* */

h3#list_case_ttl {
	margin: 0 0 15px;
	padding: 0 0 7px;
	text-align: center;
	border-bottom: 3px dotted #d9c;
}

h3#list_case_ttl img {
	margin: 0 auto;
}

.list_case_link dt {
	margin: 0;
	padding: 13px 8px 3px 25px;
	background: url(../images/icon_linklist.gif) no-repeat 1px 13px;
	font-size: 1.2em;
	font-weight: bold;
}

.list_case_link dd {
	margin: 0;
	padding: 0 10px 9px 25px;
	border-bottom: 2px dotted #c6c6c6;
}

.list_case_link dd p {
	margin: 0;
	padding: 0 0 12px 22px;
}

.list_case_link dd p.sttl_detail {
	margin: 0;
	padding: 0 0 5px;
}

.list_case_link .list_txt_link dt {
	margin: 0;
	padding: 4px 0 0 22px;
	background: url(../images/icon_linktxt.gif) no-repeat 0 6px;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}

.list_case_link .list_txt_link dd {
	margin: 0;
	padding: 0 0 4px 22px;
	border: none;
}


/* PAGE: list_word
********************************************************************* */

.list_word_set {
	margin: 0;
	padding: 15px 0 10px;
	border-bottom: 2px dotted #c6c6c6;
}

h3.list_word_ttl {
	width: 67px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

.list_word_link {
	width: 473px;
	margin: 0;
	padding: 0;
	float: left;
}

.list_word_link dt {
	margin: 0;
	padding: 6px 0 3px 27px;
	background: url(../images/icon_linklist.gif) no-repeat 0 6px;
	font-size: 1.2em;
	font-weight: bold;
}

.list_word_link dd {
	margin: 0;
	padding: 0 0 15px 22px;
}

.list_word_link dd p {
	margin: 0;
	padding: 0 0 12px 22px;
}

.list_word_link dd p.sttl_detail {
	margin: 0;
	padding: 0 0 5px;
}

.list_word_link .list_txt_link dt {
	margin: 0;
	padding: 4px 0 0 22px;
	background: url(../images/icon_linktxt.gif) no-repeat 0 6px;
	font-size: 1em;
	font-weight: bold;
}

.list_word_link .list_txt_link dd {
	margin: 0;
	padding: 0 0 px 22px;
	border: none;
}

.list_txt_link_faq {
	margin: 0;
	padding: 5px 0 2px;
	font-size: 0.8em;
	font-weight: bold;
}

img.link_icon {
	display: inline;
	vertical-align: middle;
	padding: 0 2px;
}


/* PAGE: exp
********************************************************************* */

h3.exp_ttl {
	margin: 0 0 15px;
	padding: 5px 8px 3px;
	border-bottom: 3px dotted #d9c;
	font-size: 1.4em;
	font-weight: bold;
	color: 
}

.exp_txt {
	padding: 0 8px 25px;
}

.exp_txt p {
	padding: 0 0 10px;
}


/* PAGE: PNG ROLLOVER
********************************************************************* */

.pnglink_menu1 {width: 210px; height: 63px; display: block;}
a.pnglink_menu1:link {background:url(../images/menu1.png);}
a.pnglink_menu1:visited {background:url(../images/menu1.png);}
a.pnglink_menu1:hover {background:url(../images/menu1_on.png);}

.pnglink_menu2 {width: 210px; height: 63px; display: block;}
a.pnglink_menu2:link {background:url(../images/menu2.png);}
a.pnglink_menu2:visited {background:url(../images/menu2.png);}
a.pnglink_menu2:hover {background:url(../images/menu2_on.png);}

.pnglink_btn_back {width: 73px; height: 30px; display: block;}
a.pnglink_btn_back:link {background:url(../images/btn_back.png);}
a.pnglink_btn_back:visited {background:url(../images/btn_back.png);}
a.pnglink_btn_back:hover {background:url(../images/btn_back_on.png);}

.pnglink_btn_top {width: 125px; height: 38px; display: block;}
a.pnglink_btn_top:link {background:url(../images/btn_totop.png);}
a.pnglink_btn_top:visited {background:url(../images/btn_totop.png);}
a.pnglink_btn_top:hover {background:url(../images/btn_totop_on.png);}


.pnglink_case_win1 {width: 328px; height: 165px; display: block;}
a.pnglink_case_win1:link {background:url(../images/case_win1.png);}
a.pnglink_case_win1:visited {background:url(../images/case_win1.png);}
a.pnglink_case_win1:hover {background:url(../images/case_win1_on.png);}

.pnglink_case_win2 {width: 328px; height: 165px; display: block;}
a.pnglink_case_win2:link {background:url(../images/case_win2.png);}
a.pnglink_case_win2:visited {background:url(../images/case_win2.png);}
a.pnglink_case_win2:hover {background:url(../images/case_win2_on.png);}

.pnglink_case_win3 {width: 328px; height: 165px; display: block;}
a.pnglink_case_win3:link {background:url(../images/case_win3.png);}
a.pnglink_case_win3:visited {background:url(../images/case_win3.png);}
a.pnglink_case_win3:hover {background:url(../images/case_win3_on.png);}

.pnglink_case_win4 {width: 328px; height: 165px; display: block;}
a.pnglink_case_win4:link {background:url(../images/case_win4.png);}
a.pnglink_case_win4:visited {background:url(../images/case_win4.png);}
a.pnglink_case_win4:hover {background:url(../images/case_win4_on.png);}