/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
header
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

h1#logo {
width: 102px;
height: 158px;
margin: 10px 0 0;
display: inline;
float: left;
}
#topWrap {
width: 100%;
height: 218px;
overflow: hidden;
margin: 0 auto;
}
#header {
background: url(../img/bg_header_08.jpg);
}
#header a img {
border: 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
layout
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#containerInner {
width: 860px;
height: 100%;
overflow: hidden;
margin: 20px auto 0;
}
div.wrap div.left {
width: 600px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
}
div.wrap div.right {
width: 230px;
height: 100%;
overflow: hidden;
margin: 0 0 0 30px;
padding: 0;
display: inline;
float: left;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
contents
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

h2.headline {
width: 600px;
height: 41px;
margin: 30px 0;
}
div.main {
width: 860px;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}
div.main img.main {
width: 547px;
height: 293px;
margin: 0 0 10px 10px;
padding: 0;
float: right;
}
div.main p.catch {
position: absolute;
top: 0;
left: 0;
}
div.main p.text {
margin: 155px 0 0 25px;
}
div.wrap {
width: 860px;
height: 100%;
overflow: hidden;
margin: 30px 0 0;
padding: 0;
}
div.columns {
width: 600px;
height: 100%;
overflow: hidden;
padding: 0 0 80px;
clear:both;
}
h3.headline {
margin: 0 0 17px;
padding: 2px 0 8px;
font-size: 18px;
font-weight: normal;
line-height: 1;
font-family: "¥Ò¥é¥®¥Î¥´¥·¥Ã¥¯ Pro W3","Hiragino Gothic Pro","¥á¥¤¥ê¥ª","Meiryo","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS Gothic", san-serif;
background: url(../img/line_04.gif) bottom no-repeat;
}
h3.headline span {
display: block;
padding: 0 0 0 26px;
background: url(../img/list_marker_06.gif) left no-repeat;
}

/* right column */
h4.headline {
margin: 0;
}
div.right ul {
height: 100%;
overflow: hidden;
margin: 0 0 20px;
padding: 17px 10px 16px;
list-style-type: none;
background: #E5DEDC;
}
div.right ul li {
height: 100%;
margin: 0;
padding: 0 0 0 14px;
font-family: "¥Ò¥é¥®¥Î¥´¥·¥Ã¥¯ Pro W3","Hiragino Gothic Pro","¥á¥¤¥ê¥ª","Meiryo","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS Gothic", san-serif;
background: url(../img/list_marker_01.gif) left no-repeat;
}