/* body */
body{background-color:#ffffff; font:12px/20px "ＭＳ ゴシック", "Osaka−等幅"; color:#434342; text-align:center;}

*{margin:0;padding:0;}

/* link1 */
a:link {color:#EC6C01;}
a:visited {color:#EC6C01;}
a:hover {color:#EC9301;}
a:active {color:#EC6C01;}

/* link2 */
a.lk:link {color:#FFF;}
a.lk:visited {color:#FFF;}
a.lk:hover {color:#FBE2CC;}
a.lk:active {color:#FFF;}

/* margin */
.mg5t {margin-top:5px;}
.mg10t {margin-top:10px;}
.mg20t {margin-top:20px;}
.mg30t {margin-top:30px;}
.mg5l {margin-left:5px;}
.mg10l {margin-left:10px;}
.mg20b {margin-bottom:20px;}

/* text */
.ttl {font-size:14px;color:#000;font-weight:bold;}
.cap {font-size:10px;line-height:14px;}
.subtxt {color:#B4B4B4;}
.red {color:#C00;}

/* align */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* float */
.float-l {float:left;}
.float-r {float:right;}

/* clear */
.clear {clear:both;}
.clear * {display:none;}

/* hack (clearfix) */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


img{border:none;}

p{
color:#333333;
}

#main_area{
width:600px;
margin:50px 20px 20px 20px;
}

#main_area h1{
margin:10px;
font-size:120%;
line-height:140%;
font-weight:bold;
}

#main_area p.logo{
text-align:right;
}

#main_area p.ttl{
margin:10px;
font-size:100%;
line-height:140%;
font-weight:bold;
}

#main_area p.date{
margin:10px;
/*font-size:75%;*/
line-height:160%;
text-align:left;
}

#main_area p.name{
margin:10px;
/*font-size:75%;*/
line-height:160%;
text-align:right;
}

#main_area p.txt{
margin:15px 5px 5px 5px;
/*font-size:75%;*/
line-height:160%;
text-align:left;
}

#main_area p.capt1{
margin:5px 5px 5px 5px;
font-size:80%;
line-height:160%;
text-align:right;
}

#main_area p.capt2{
margin:5px 5px 5px 5px;
font-size:90%;
line-height:160%;
text-align:center;
}

#main_area p.image{
margin:0px;
text-align:center;
}

#main_area p.main2{
margin:5px 5px 5px 5px;
font-size:75%;
line-height:160%;
text-align:left;
font-weight:bold;
}

#main_area p.main3{
margin:5px 5px 5px 5px;
font-size:80%;
line-height:160%;
text-align:right;
}

#main_area p.main4{
margin:5px 5px 5px 5px;
font-size:95%;
line-height:160%;
text-align:left;
font-weight:bold;
}

#main_area ul.num{
margin:10px 10px 10px -2px;
padding:0px 0px 0px 40px;
list-style-type:decimal;
font-size:75%;
line-height:160%;
text-align:left;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#main_area .num li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

#main_area ul.non{
margin:10px 10px 10px -2px;
padding:0px 0px 0px 40px;
list-style-type:none;
font-size:75%;
line-height:160%;
text-align:left;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#main_area .non li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

#main_area ul.dot{
margin:10px 10px 10px -2px;
padding:0px 0px 0px 40px;
list-style-type:disc;
font-size:75%;
line-height:160%;
text-align:left;
clear:both;
min-height:1px;　/* IE 7対策 */
}

#main_area .dot li{
margin:5px 0px 5px 0px;
padding:2px 5px 2px 5px;
clear:both;
}

dl.note{
margin:10px 10px 10px 10px;
color:#333333;
clear:both;
}

.note dt{
float:left;
width:3em;
padding:5px 0px 5px 0px;
clear:both;
text-align:right;
}

.note dd{
width:auto;
margin-left:3em;
padding:5px 5px 5px 5px;
text-align:left;
}

dl.note2{
margin:10px 10px 10px -15px;
font-size:75%;
color:#333333;
clear:both;
text-align:left;
line-height:140%;
}

.note2 dt{
float:left;
width:3em;
padding:5px 0px 5px 0px;
clear:both;
text-align:right;
}

.note2 dd{
width:auto;
margin-left:3em;
padding:5px 5px 5px 5px;
}

dl.hyou{
margin:0px 10px 10px 10px;
color:#333333;
clear:both;
}

.hyou dt{
float:left;
width:5em;
padding:5px 0px 0px 0px;
text-align:right;
clear:both;
}

.hyou dd{
width:auto;
margin-left:5em;
padding:5px 5px 0px 5px;
}

dl.info{
margin:0px 10px 0px 10px;
font-size:90%;
line-height:160%;
color:#333333;
clear:both;
}

.info dt{
float:left;
width:5em;
padding:5px 0px 5px 0px;
text-align:left;
}

.info dd{
width:auto;
margin-left:5em;
padding:5px 5px 5px 5px;
text-align:left;
}

.products {
width:500px;
margin:0;
padding:0;
font-size:75%;
line-height:160%;
}

.products ul {
width:500px;
margin:0;
padding:0;
}

.products li {
margin:0;
padding:0 0 10px 0;
width:230px;
list-style:none;
float:left;
text-align:left;
}

/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.ibox:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.ibox{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .ibox{ height:1px; }
.ibox{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/