/* CSS Document */


/*------CONT------*/
#contents {
	width: 100%;
	min-height: 230px;
	height: auto !important;

	height: 230px;
	padding: 0;
	/*margin-bottom: 50px;*/
}
div.maintitle {
    width: 940px;
	height: 34px;
	position: relative;
	margin: 0 auto;
	padding: 50px 0 0 0;
}



div.soon{
	width: 940px;
	height: 400px;
	position: relative;
	margin: 0 auto;
	text-align: center;

}


div.return {
    position: relative;
	margin: 0 auto;
	padding: 0;
　　text-align:center;
	width: 940px;
	height: 38px;
}
div.return_bt{
	float: right;
}
div.conthead_wrap {
    position: relative;
	margin: 0 auto;
	width: 940px;
	height: 53px;
	clear:both;
}
div.conthead_maintitle {
    float: left;
	height: 53px;
}
div.conthead_wrap2 {
    position: relative;
	margin: 0 auto;
	width: 940px;
	height: 58px;
	clear:both;
}
div.conthead_maintitle2 {
    float: left;
	height: 58px;
}

div.conthead_c_navi {
	float: right;
	padding: 27px 0 0 0;
}
div.conthead_c_navi ul {
　
	margin: 0;
	padding: 0;
}

div.conthead_c_navi li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
　　display: block;
}

div.conthead_c_navi li img{
    border:0;
}

div.ism_line{
	width: 940px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/line_dot940.gif);
	margin: 0 auto;
	clear:both;
	font-size: 0;
}

/*------TOP------*/

#ismtop_flash{
    height: 350px;
	padding: 60px 0 30px 0;
}

/*------Think & Do------*/

div.think_flash{
    position: relative;
	margin: 0 auto;
	width: 940px;
	height: 480px;
	padding: 30px 0 60px 0;
}

/*------Technique-----*/
div.tec{
    position: relative;
	margin: 0 auto;
	width: 940px;
	padding: 50px 0 0 0;
}
div.tec p{
    font-size: 98%;
	font-weight: lighter;
	line-height: 1.9;
	color: #666666;
}
div.tec01{
    float: left;
	width: 940px;
	padding: 0 0 30px 0;
	clear:both;
}

div.tec01_l{
    float: left;
	width: 500px;
	padding: 0 80px 0 0;
}
div.tec01_r{
	float: left;
	width: 360px;
	padding: 0 0 0 0;
}

div.tec02{
	width: 940px;
	padding: 30px 0 20px 0;
}

div.tec02_l{
    float: left;
	width: 361px;
	padding: 0 79px 0 0;
}
div.tec02_r{
	float: left;
	width: 500px;
	padding: 0;
}


/*------ Material------*/
div.mat_navi_wrap {
	width: 100%;
	height: 30px;
	padding: 40px 0 0 0;
	margin: 0;
	background-image: url(../ism/img/ism_line3000.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
div.mat_navi {
	width: 940px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	clear:both;
}
div.mat_navi ul {
	width: 940px;
	height: 30px;
	overflow: hidden
}
div.mat_navi li {
	float: left;
	list-style-type: none;
	line-height: 0;
　　display: block;
    background-color: #FFFFFF;
	overflow: hidden;
}
div.mat_navi li img{
    border: 0;
}

div.mat{
    position: relative;
	margin: 0 auto;
	width: 940px;
	padding: 50px 0 36px 0;
}

div.mat_pic{
    float: left;
	width: 230px;
	padding: 0 45px 0 0;
}

div.mat_detail{
	min-height: 230px;
	height: auto !important;
	height: 230px;
	float: left;
	width: 665px;
	padding: 0 0 50px 0;
}

div.mat_detail2{
    float: left;
	width: 665px;
	padding: 0;
}
div.mat_detail_text{
	width: 665px;
	padding: 0;
}
div.mat_detail_text p{
	font-size: 98%;
	font-weight: lighter;
	line-height: 1.8;
	color: #666666;
}
div.mat_detail_gold_l{
	float: left;
	width: 320px;
	padding: 30px 25px 0 0;
}
div.mat_detail_gold_r{
	float: left;
	width: 320px;
	padding: 30px 0 0 0;
}

div.mat_detail_gold_pic{
	float: left;
	width: 150px;
	padding: 0 20px 0 0;
}
div.mat_detail_gold_text{
	float: left;
	width: 150px;
}
div.mat_detail_gold_text p{
	font-size: 90%;
	font-weight: lighter;
	line-height: 1.6;
	color: #666666;
}

/*------ Mokumegane------*/
div.mok_navi_wrap {
	width: 100%;
	height: 30px;
	padding: 40px 0 0 0;
	margin: 0;
	background-image: url(../ism/img/ism_line3000.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
div.mok_navi {
	width: 940px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	clear:both;
}
div.mok_navi ul {
	width: 940px;
	height: 30px;
	overflow: hidden
}
div.mok_navi li {
	float: left;
	list-style-type: none;
	line-height: 0;
　　display: block;
    background-color: #FFFFFF;
	overflow: hidden
}
div.mok_navi li img{
    border: 0;
}

div.mok01_flash {
	width: 940px;
	height: 520px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

div.mok02 {
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}

div.mok02_mainpic {
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 35px 0;
}
div.mok0201_title {
	width: 940px;
}
div.mok0201_pic {
	width: 940px;
	padding: 0 0 40px 0;	
}
div.mok0202_l {
	width: 340px;
	float: left;
	padding: 40px 70px 10px 0;	
}
div.mok0202_r {
	width: 530px;
	float: left;
	padding: 40px 0 10px 0;	
}
div.mok0202_r_title{
	width: 530px;	
}
div.mok0202_r p{
	width: 530px;
	font-size: 98%;
	font-weight: lighter;
	line-height: 1.8;
	color: #666666;
	padding: 0 0 20px 0;	
}

div.mok03_flash {
	width: 940px;
	height: 650px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}

div.mok_hyouki {
	width: 940px;
	height: 63px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}



/*------ Color------*/

div.col_navi_wrap {
	width: 100%;
	height: 30px;
	padding: 40px 0 0 0;
	margin: 0;
	background-image: url(../ism/img/ism_line3000.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
div.col_navi {
	width: 940px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	clear:both;
}
div.col_navi ul {
	width: 940px;
	height: 30px;
	overflow: hidden
}
div.col_navi li {
	float: left;
	list-style-type: none;
	line-height: 0;
　　display: block;
    background-color: #FFFFFF;
	overflow: hidden
}
div.col_navi li img{
    border: 0;
}
div.col01 {
	width: 940px;
	height: 490px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}
div.col02_flash {
	width: 950px;
	height: 520px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
div.col03 {
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
div.col03_mainpic {
	width: 940px;
	height: 290px;
}
div.col03_title {
	width: 940px;
}
div.col03 p {
	font-size: 98%;
	font-weight: lighter;
	line-height: 1.8;
	color: #666666;
	padding: 20px 0 20px 0;
}
div.col03_detail {
	float: left;
	padding: 0 0 30px 0;
}



/*------ Fusion------*/

div.fus{
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
div.fus h3{
    font-size: 98%;
    font-weight: lighter;
	padding: 0;
}
div.fus h4{
	padding: 0;
}
div.fus h5{
	font-size: 95%;
    font-weight: lighter;
	padding: 7px 0 0 0;
}
div.fus_head{
	width: 940px;
	height: 400px;
	padding: 30px 0 30px 0;
}
div.fus_detail_ft{
    clear: both;
	width: 940px;
	padding: 20px 0 0 0;
}
div.fus_detail{
	width: 940px;
	padding: 30px 0 0 0;
}
div.fus_detail01{
    float: left;
	width: 310px;
	padding: 0 5px 0 0;
}
div.fus_detail02{
    float: left;
	width: 310px;
	padding: 0 5px 0 0;
}
div.fus_detail03{
    float: left;
	width: 310px;
	padding: 0;
}

.cur { cursor: pointer }

