@charset "utf-8";


/* ********************************
   reset
******************************** */
body{
margin-top:0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,object{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:bottom;
}

object{
vertical-align:top;
}

ul,li{
list-style:none;
}


/* ********************************
   base, module
******************************** */
#wrapper{
width:980px;
font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
line-height:1.5;
color:#000;
}

#topicPath{
margin-top:5px;
margin-bottom:13px;
color:#009afc;
font-size:62%;
}

#contents{
width:980px;
margin-bottom:-14px;
font-size:87%;
text-align:center;
}

#contents h2{
margin-bottom:20px;
}

.article{
width:920px;
margin:0 auto;
text-align:left;
}

.pageTop{
text-align:right;
margin-top:20px;
}

a:link,
a:visited{
color:#0066cb;
text-decoration:underline;
}


/* ********************************
   common
******************************** */
.mb1{
margin-bottom:1em;
}

.mb15{
margin-bottom:1.5em;
}

.center{
text-align:center;
}


/* ********************************
   header
******************************** */
#header{
height:63px;
background:#09f;
}


/* ********************************
   main
******************************** */
#main{
position:relative;
text-align:left;
}

p#mainMovie{
float:left;
margin-right:24px;
}

#mainText{
float:left;
width:469px;
}

#mainText h1{
margin-top:38px;
margin-bottom:50px;
}

ul#mainNavi{
clear:left;
position:relative;
width:990px;
margin-top:20px;
margin-right:-8px;
margin-bottom:-16px;
}

ul#mainNavi li{
float:left;
margin-right:8px;
}

ul#mainNavi li a{
display:block;
width:190px;
height:85px;
}

ul#mainNavi li a span{
display:none;
}

ul#mainNavi li.navi01 a{
background:url(images/main_nav01.gif) no-repeat;
}
ul#mainNavi li.navi02 a{
background:url(images/main_nav02.gif) no-repeat;
}
ul#mainNavi li.navi03 a{
background:url(images/main_nav03.gif) no-repeat;
}
ul#mainNavi li.navi04 a{
background:url(images/main_nav04.gif) no-repeat;
}
ul#mainNavi li.navi05 a{
background:url(images/main_nav05.gif) no-repeat;
}

ul#mainNavi li a:hover{
background-position:0 -85px;
}



/* ********************************
   section01
******************************** */
#section01 .article{
width:980px;
}

p#movie{
float:left;
}

#sec01Text{
float:right;
width:642px;
}

#sec01Text h3{
margin-bottom:0.5em;
}

#sec01Text p.img{
float:left;
margin-right:12px;
}

#sec01Text ul{
float:left;
}

#sec01Text li{
margin-bottom:20px;
}


/* ********************************
   section02
******************************** */
#section02 {
	padding-top: 40px;
}

#section02 .article h3{
margin-bottom:22px;
}

#section02 .article h4{
margin-bottom:0.8em;
}

#section02 .sec01{
position:relative;
z-index:2;
min-height:180px;
height:auto !important;
height:180px;
margin-bottom:-36px;
background:url(images/sec02_bg01.jpg) no-repeat 100% 0;
}

#section02 .sec01 p{
width:620px;
}

#section02 .sec02{
min-height:282px;
height:auto !important;
height:282px;
margin-bottom:20px;
padding-top:52px;
padding-left:218px;
background:url(images/sec02_bg02.jpg) no-repeat;
}

#section02 .text{
height:108px;
background:url(images/sec02_txt_bg.gif) no-repeat;
}

#section02 .text ul{
position:relative;
left:27px;
top:15px;
}

#section02 .text li{
margin-bottom:14px;
line-height:0;
}


/* ********************************
   section03
******************************** */
#section03 .article{
width:920px;
margin-bottom:-1.5em;
}

#section03 .article h3{
margin-bottom:0.8em;
}

#section03 p{
margin-bottom:1.5em;
}

#section03 .img p{
float:left;
}

#section03 .img p.graph{
float:right;
}

#section03_02{
padding-top:40px;
}


/* ********************************
   section03_02
******************************** */
#section03_02 strong{
color:#fe0000;
font-weight:bold;
}

#section03_02 ul{
width:940px;
margin-right:-20px;
}

#section03_02 li{
float:left;
width:450px;
margin-right:20px;
margin-bottom:20px;
}

#section03_02 li.country01{
float:none;
width:920px;
margin-right:0;
}

#section03_02 li p{
height:auto !important;
margin-bottom:0;
padding-right:224px;
text-indent:0.8em;
}

#section03_02 li.country01 p{
min-height:172px;
height:172px;
padding-right:474px;
background:url(images/sec03_country01_img.jpg) no-repeat 100% 0;
}

#section03_02 li.country02 p{
min-height:153px;
height:153px;
background:url(images/sec03_country02_img.jpg) no-repeat 100% 0;
}

#section03_02 li.country03 p{
min-height:153px;
height:153px;
background:url(images/sec03_country03_img.jpg) no-repeat 100% 0;
}

#section03_02 li.country04 p{
min-height:215px;
height:215px;
background:url(images/sec03_country04_img.jpg) no-repeat 100% 0;
}

#section03_02 li.country05 p{
min-height:215px;
height:215px;
background:url(images/sec03_country05_img.jpg) no-repeat 100% 0;
}


/* ********************************
   section04
******************************** */
#section04 p.lead{
margin-top:0.8em;
margin-bottom:1em;
}

#section04 .article ul{
width:930px;
margin-right:-10px;
margin-bottom:20px;
}

#section04 .article li{
float:left;
margin-right:10px;
}

#exampleWrap{
padding-bottom:16px;
background:url(images/sec04_exa_bg_btm.gif) no-repeat 0 100%;
}

#example{
width:920px;
background:url(images/sec04_exa_bg.gif) repeat-y;
}

#example .exeArticle{
padding:15px;
padding-bottom:0;
}

#example p{
float:left;
}

#example p.img{
margin-right:14px;
}

#example p.text{
width:250px;
}

#example span{
display:block;
font-weight:bold;
}

#example01{
float:left;
width:451px;
}

#example02{
float:right;
width:451px;
}


/* ********************************
   section05
******************************** */
#sec05{
width:980px;
border:1px solid #004178;
}

#sec05 .header{
position:relative;
width:978px;
height:122px;
margin-bottom:1em;
padding-bottom:1px;
background:url(images/sec05_line.gif) repeat-x 0 100%;
}

#sec05 .header h3,
#sec05 .header p{
position:absolute;
top:0;
}

#sec05 .header h3{
left:0;
}

#sec05 .header p{
right:0;
}

#sec05 h4{
font-size:1.2em;
color:#f68122;
}

#sec05 .article p{
text-indent:0.8em;
margin-bottom:1.5em;
}

#sec05 .sec01{
margin-bottom:1.5em;
}

#sec05 .sec02{
min-height:160px;
height:auto !important;
height:160px;
background:url(images/sec05_sec02_bg.jpg) no-repeat 100% 10px;
}

#sec05 .sec02 p{
width:564px;
}

#sec05 .sec03{
min-height:261px;
height:auto !important;
height:261px;
margin-bottom:-1.5em;
padding:0 174px;
padding-bottom:30px;
background:url(images/sec05_sec03_bg.jpg) no-repeat;
}

#sec05 .sec03 p{
width:568px;
}


/* ********************************
   cvArea
******************************** */
.cvArea{
margin-top:40px;
margin-bottom:44px;
text-align:left;
}

.cvArea h3{
text-align:center;
}

.cvArea ul.bg{
position:relative;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
background-color:#f3f5f2;
padding:15px;
clear:both;
}

.cvArea li.month,
.cvArea li.one,
.cvArea li.one li{
float:left;
}

.cvArea li.month{
background:url(images/cv_line01.gif) left repeat-y;
padding:0 0 0 22px;
}

.cvArea li.month .txt{
margin:6px 0 13px 0;
}

.cvArea li.month li{
text-align:right;
}

.cvArea li.one{
padding:0 12px 0 5px;
}

.cvArea li.one .txt{
margin:20px 0 20px 0;
}

.cvArea li.one ul{
width:450px;
clear:both;
}

.cvArea li.one li{
margin-right:4px;
}



ul#copyList{
margin-bottom:20px;
margin-left:10px;
}

ul#copyList li{
float:left;
font-size:0;
line-height:0;
}

/* ********************************
   footer
******************************** */
#footer{
clear:left;
position:relative;
width:980px;
height:29px;
background:url(images/foot_bg.gif) no-repeat;
}

ul#footNavi,
#footer p{
position:absolute;
}

ul#footNavi{
left:10px;
top:0;
overflow:auto;
}

ul#footNavi li{
float:left;
margin-right:19px;
line-height:0;
}

#footer p{
right:20px;
top:0;
}


/* ********************************
   clearfix
******************************** */
/* IE以外のモダンブラウザ向け */
.cfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE7および、Mac：IE5向け */
.cfix{
display:inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html .cfix{
height:1%;
}

.cfix{
display:block;
}

/** fleft claim 資料請求・メールマガジンリンク追加　100618**/
.claim li {float:left;list-style-type:none;}
.fleft {float:left;margin-top:10px;}