@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
* {box-sizing:border-box;}

body {
	color: #000;	
	margin: 0px;
	padding: 0px;
	font: 15px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	

background0:  transparent url(../images/back1.png) no-repeat left top;

}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #182659;			
	text-decoration: none;	
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 980px;	
	margin: 0px auto;
	background: transparent;	
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: 190px;	
	width: 100%;	
	position: relative;
	border-top: 10px solid #0330a3;		
}
/*h1タグの設定*/
header h1 {
	text-align:right;
	font-size: 12px;		
	line-height: 14px;	
	font-weight: normal;	
	color: #999;	
	margin:0px 0px 5px;
	
}
/*ロゴ画像の設定*/
header #logo {
	margin-top: 5px;
}
header #container{
	border:none;
}
header ul li{
	float:left;
}
header .rightarea{
	float:right;
}
header li.button{
	margin-top:5px;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/

nav div#menubar{
	border-top:dotted 1px #d2d1d0;
	background:transparent url(../images/back_menu.png) repeat-x left bottom;
	height:79px;
}
nav #menubar ul{
	width:980px;
	height:70px;
	margin:0px auto;
}
nav #menubar ul li {
	float: left;
	width: 19%;	
}
nav #menubar ul li.long {
	float: left;
	width: 24%;	
}
nav #menubar ul li a {
	height: 70px;	
	padding-top: 15px;
	line-height: 1.4;
	text-decoration: none;
	display: block;
	font-size: 18px;	
	text-align: left;	
	background-color: #fff;
	padding-left:20px;
	color:#052545;
}
/*最初のメニューの設定*/
nav #menubar ul li:first-child {
	border-left: none;	
}
/*マウスオン時と、current(表示中のメニュー)の設定*/
nav #menubar ul li a:hover,
nav #menubar ul li#current a {
	background-color: #efefef;
}
/*英語表記の設定*/
nav #menubar ul li a span {
	font-size: 12px;
	display: block;
	font-weight: normal;
	color: #052545;	
	padding-top:3px;	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#slide {
	width:1126px;	
	margin: 0px auto;
}
#slide .bx-viewport{
	border:solid 0px #fff!important;
	box-shadow:0 0 0px!important;
}
	
/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 980px;	
	padding-top: 30px;
	margin: 0px auto;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 980px;	
	padding-bottom: 30px;
}




#main h2 {
	 
	 background-image: url(../images/md.png);
	 background-repeat: repeat;
	 height: 60px;
	 padding-top: 7px;
	 padding-left: 15px;
	 color: #fff;
	 margin-bottom: 10px;
	 width: 980px;
}







/*mainコンテンツのh3タグの設定*/

#main h3.left {

  position: relative;
  color: #fff;
  background: -webkit-linear-gradient(top, #5066a4 0%, #1E263D 100%);
background: linear-gradient(to bottom, #5066a4 0%, #1E263D 100%);
  font-size: 26px;
  margin: 0px -20px 10px -20px;
  padding: 2px 5px 2px 20px;
  width:370px;
  font-weight:normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  
  box-shadow:1px 3px 7px 0px  #666 ;

  

}




#main h3.right {

  position: relative;
  float:right;
  color: #fff;
  background: -webkit-linear-gradient(top, #5066a4 0%, #1E263D 100%);
  background: linear-gradient(to bottom, #5066a4 0%, #1E263D 100%);
  font-size: 26px;
 margin: 0px -35px 10px -20px;
  padding: 2px 5px 2px 20px;
  width:370px;
  font-weight:normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  
  box-shadow:1px 3px 7px 0px  #666 ;

/*
  float:right;
  position: relative;
  color: #fff;
  background: #5066a4;
  font-size: 26px;
  margin: 0px -35px 10px -20px;
  padding: 2px 5px 2px 20px;
  width:370px;
  font-weight:normal;
  */
  
}



#main h3.left:after,#main h3.right:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #000331;
}

#main h3.left:after {
  left: 0;
  border-right: 10px solid #000331;
}
#main h3.right:before {
  right: 0;
  border-left: 10px solid #000331;
}

#main h3.right2:before {
  right: 0;
  border-left: 10px solid #000331;
}






h3 .yellow{
	color:#ffff00;
	font-size:20px;
	font-family: "メイリオ", serif;
}

h3 .small{
	font-size:20px;
}



/*mainコンテンツのh3タグの設定*/
#main h4.left {
  position: relative;
  color: #fff;
  background: #5066a4;
  font-size: 18px;
  margin: 0px -20px 10px -20px;
  padding: 2px 5px 2px 20px;
  width:390px;
  font-weight:normal;
  
}


#main h4.left:after,#main h4.right:before,#main h4.right2:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #000331;
}

#main h4.left:after {
  left: 0;
  border-right: 10px solid #000331;
}





#main p.midasi {
   padding: 5px;
   background-color: #fff;
   border: 1px solid #191970;
   border-radius: 5px;
   width: 360px;
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
   color: #191970;
  
   
}



#main p.midasi2 {
   padding: 5px;
   background-color: #fff;
   border: 1px solid #191970;
   border-radius: 5px;
   width: 440px;
   margin-left: 2px;
   margin-top: 5px;
   margin-bottom: 10px;
   text-align: center;
   color: #191970;
  
   
}



#main p.midasi3 {
   padding: 5px;
   background-color: #191970;
   border: 1px solid #191970;
   border-radius: 5px;
   width: 440px;
   margin-left: 2px;
   margin-top: 5px;
   margin-bottom: 10px;
   text-align: center;
   color: #fff;
  
   
}


#main p.comment2 {
   background-color: #fff;
   padding: 7px;
   

   margin-left: 10px;
   border-left: 7px solid #191970;
   border-bottom: 1px solid #191970;
   width: 950px;
   font-size: 22px;
   
   

}



#main p.left {
    position: relative;
    
    padding: 0 0 5px 10px;
    border: 2px solid #B92A2C;
    font-size: 22px;
    font-weight: bold;
    height: 50px;

  
}
 
#main p.left:before{
    content: "";
    position: absolute;
    background: #B92A2C;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 25px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 15px 1em;	
}

/*sectionの設定*/
section{
	margin-bottom:15px;
}
.waku{
	background-color:#fffffa;
	border:solid 1px #ccc;
}
#reason div.leftarea{
	width:470px;
	float:left;
	padding-top:15px;
}
#reason div.rightarea{
	width:480px;
	float:right;
	padding-top:15px;
	border-left: 1px solid #d3d3d3;
}
#reason div.rightarea div.jirei {
	clear:both;
	padding:10px;
	border:solid 1px #ccc;
	margin-bottom:15px;
	line-height:1.5EM;
}
#reason div.rightarea img {
	margin:0px auto;
}
#reason div.jirei p.link{
	text-align:right;
	
}
#banner {
	text-align:center;
}
#pickup .waku{
	padding-bottom:10px;
}
#pickup ul li{
	float:left;
	width:470px;
	margin:12px 0px 0px 12px;
}
#pickup ul li.pickuparea{
	border:solid 1px #ccc;
	background-color:#fff;
	padding:10px
}

#pickup .pickuparea img{
	float:left;
	margin-right:10px;
}
#pickup .pickuparea div.pickTxt{
	width:240px;
	float:left;
}
#pickup .pickuparea p.midashi{
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#pickup .pickuparea p.comment{
	font-size:13px;
	margin:0px;
	padding:0px;
	line-height:1.3;
}
#pickup .pickuparea .keyword{
	margin-top:10px;
	font-size:13px;
}
#pickup .pickuparea .keyword ul{
	margin:0px;
}
#chart .chartcont{
	background: transparent url(../images/back-img-chart.png) no-repeat left top;
	width:980px;
	height:442px;
}


#chart .chartcont2{

	width:980px;
	
	background-color: #fffffa;
	border:solid 1px #ccc;
	
	

}


#chart .chartcont3{

	width:980px;
	
	
	border:solid 1px #ccc;
	background: transparent url(../images/companybk.jpg) no-repeat left top;
	
	

}


img.chart2 {
   float: left;
   margin: 10px;

}

p.mincyo {

	padding:0px;
	font-size:21px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.5;


}
p.moji {
    line-height: 30px;

}
p.moji3 {
    line-height: 30px;
    float: left;

}


div.left {
    width: 420px;
    float: left;
    height: 800px;
    margin-right: 10px;
}


div.rigth {
    width: 420px;
    float: rigth;
}



#chart .chartcont div{
	padding:25px 10px 20px 450px;
	
}
#chart .chartcont div dl dt.point{
	width:100px;
	padding-top:2px;
	font-size:22px;
	line-height:1.6;
	color:#fff;
	text-align:center;
}
#chart .chartcont div dl dt.cl1{
	background-color:#14924d;
}
#chart .chartcont div dl dt.cl2{
	background-color:#1865d3;
}
#chart .chartcont div dl dt.cl3{
	background-color:#eb6914;
}
#chart .chartcont div dl dd{
	padding:10px;
}
#chart .chartcont p{
	padding:0px;
	font-size:21px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.5;
}
#chart .chartcont p span{
	color:red;
}



/*キーワード*/
#main h2 ul{
	margin-top:10px;
	float:right;
	width:490px;
	font-size:12pt;
	font-weight:normal;
}

#main h2 ul li{
	float:left;
	margin-right:15px;
}
li.btn{	
    width:100px;
	font-size:13px;
	color:#fff;
	background-color:#26408c;
	border-radius:5px;
	text-align:center;
	padding:2px 4px;
}



li.btn2{	
    width:200px;
	font-size:13px;
	color:#fff;
	background-color:#26408c;
	border-radius:5px;
	text-align:center;
	padding:2px 4px;
	float: left;
	margin-left: 5px;
	margin-bottom: 3px;
	margin-top: 7px;
}
li.btn3{	
    width:180px;
	font-size:13px;
	color:#fff;
	background-color:#26408c;
	border-radius:5px;
	text-align:center;
	padding:2px 4px;
}





#pickup li.btn{
	width:75px;
	font-size:11px;
	border-radius:5px;
	padding:2px 4px;
	float:left;
	margin:0px;
	margin-right:5px;
}






table#comtb {
    width: 980px;
    float: left;
    font-size: 14px;
    margin-top: 10px;
   
 

}


table#comtb th {
   
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #c0c0c0;
     padding: 7px;
     font-size: 14px;
     line-height: 20px;
     width: 200px;
     
   
     
  
  

}



table#comtb th.list {
   
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #c0c0c0;
     padding: 7px;
     font-size: 14px;
     line-height: 20px;
       
   
     
  
  

}



table#comtb tr {
   
    text-align: left;
     padding: 7px;
     font-size: 14px;

}


table#comtb td {
   
    text-align: left;
    line-height: 20px;
    border: 1px solid #c0c0c0;
        background-color: #ffffff;
         padding: 7px;
         font-size: 14px;
         padding: 10px;
         

}


input[type=password],
input[type=text]{
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
padding: 7px;
border:solid 1px #d3d3d3;
margin-bottom: 2px;
margin-top: 2px;
font-size: 14px;

}
input[type=text]:focus {
   border:solid 1px #00008b;
}
input[type=text], select { 
   outline: none;
}



input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border:solid 1px #00008b;
    
}

input[type="checkbox"]{
  -webkit-appearance: none;
  width:20px;
  height:20px;
  border:1px solid #00008b;
  border-radius:2px;
  background:transparent;
  opacity:0.5;
}
input[type="checkbox"]:checked{
  background:#19283C;
  opacity:1;
}

.f5 {

border:0;
padding:8px;
font-size:14px;
font-family:Arial, sans-serif;
border:solid 1px #d3d3d3;
vertical-align: top;

}


.submitbutton {
	background-color: #333;
	color: #fff;
	padding: 10px;
	border: 1px solid #d3d3d3;
	width: 110px;

}
.submitbutton:hover {
	background-color: #00008b;
	padding: 10px;
	border: 1px solid #00008b;
		width: 110px;
		
				
		
		
	
	
	
	
	
	
	
	
	
	
}


.submitbutton2 {
	background-color: #fff;
	color: #d3d3d3;
	padding: 10px;
	border: 1px solid #d3d3d3;
	width: 110px;

}
.submitbutton2:hover {
	background-color: #00008b;
	padding: 10px;
	border: 1px solid #00008b;
		width: 110px;
		
				
		
		
	
	
	
	
	
	
	
	
	
	
}


.submitbutton3 {
	background-color: #333;
	color: #fff;
	padding: 10px;
	border: 1px solid #d3d3d3;
	width: 200px;

}
.submitbutton3:hover {
	background-color: #00008b;
	padding: 10px;
	border: 1px solid #00008b;
		width: 200px;
		color: #fff;
		
				
		
		
	
	
	
	
	
	
	
	
	
	
}


a.bt {
	background-color: #fff;
	color: #000;
	padding: 20px;
	border: 1px solid #00008b;
	width: 250px;
	margin-right: 10px;

}
a.bt:hover {
	background-color: #00008b;
	padding: 20px;
	border: 1px solid #00008b;
		width: 250px;
		margin-right: 10px;
		color: #fff;
	
}

p.error {

color: red;
}





a.link {
text-decoration: underline;
   
}




div.photoarea {
    width: 175px;
    float: left;
    
    margin-left: 10px;
    text-align: center;
    background:#fff;
 
    
    border: 1px solid #d3d3d3;
    margin-right: 10px;
    margin-bottom: 10px;
    
    
    
    
}




div.photoarea2 {
    width: 175px;
    float: left;
    margin-right: 10px;
    text-align: center;
    background:#fff;
   
    border: 1px solid #d3d3d3;
    margin-bottom: 10px;
   
    
    
    
    
}


div.listright {
    width: 580px;
    float: right;
    
    }
    

img.listphoto {
    
    
    max-width: 165px;
	

   
    
    }
    
    p.titlemoji {
      font-size: 16px;
      font-weight: bold;
      margin-top: -40px;
     
    
    }
    
    a.detail {
      background-color: #696969;
      color: #fff;
      text-align: center;
      width: 100px;
      float: right;
      padding: 3px;
      font-size: 12px;
      margin: 10px;
      
    }
    
    div.before {
    
    width: 465px;
    background-color: #efefef;
    float: left;
    margin-left: 15px;
    padding: 10px;
    
    
    }
    
    div.after {
    
    width: 465px;
    background-color: #efefef;
    float: right;
    margin-right: 15px;
    padding: 10px;
    
    	
    	
    
    
    }

#thumbnail{
    overflow: hidden;
    width: 100%;

}
#thumbnail li{
    float: left;
}
#thumbnail li img{
    width: 100%;
    opacity: 0.5;
    
    filter: alpha(opacity=50); 
    
}
#thumbnail li.current img{
    opacity: 1;
    filter: alpha(opacity=100);
}


.main_img {
  border: 1px solid #d3d3d3;
width:445px;
    height:400px;
    display:table-cell;
    background-color: #fff;
    vertical-align:middle;
   
    
  
}

.main_img img {
vertical-align:middle;


}



#main_photo{
    position: relative;
    height: 300px;
    vertical-align:middle;

  
    
   
    
}


#main_photo img{
    position: absolute;
    top:0;
    max-width: 442px;
    max-height: 400px;
  
  
  

    
    
    
    
    
    
    
    
}







#thumbnail2{
    overflow: hidden;
    width: 100%;
}
#thumbnail2 li{
    float: left;
}
#thumbnail2 li img{
    width: 100%;
    opacity: 0.5;
    
    filter: alpha(opacity=50); 
    
}
#thumbnail2 li.current img{
    opacity: 1;
    filter: alpha(opacity=100);
}
#main_photo2{
      position: relative;
    height: 300px;
    vertical-align:middle;
}
#main_photo2 img{
     position: absolute;
    top:0;
    max-width: 442px;
    max-height: 400px;
    
}




.thmub{
 width:185px;
 height:170px;
 overflow:hidden;
 position:relative;
 float: left;
 margin-right: 15px;
}

/* 画像の位置 */
.thmub img{
 position:absolute;
 z-index:100;
 top:-10px;
 left:-5px;
 float: left;
 margin-right: 15px;
 
 
 
 
 
 
}




.thmub2{
 width:390px;
 height:250px;
 overflow:hidden;
 position:relative;
 float: left;
 margin-bottom: 10px;
 
}

/* 画像の位置 */
.thmub2 img{
 position:absolute;
 z-index:100;
 top:-10px;
 left:-5px;
 float: left;
 margin-bottom: 10px;
 
 
  
 
 
 
 
 
}



a.btn {
   background-color: #696969;
   color: #fff;
   padding: 3px;
   

}

div.leftb {

  float: left;
  border: 1px solid #d3d3d3;
  width: 980px;
  padding: 10px;
  background-color: #fffffa;
 
  
}

div.leftb2 {

  float: left;
  width: 480px;
  padding: 10px;
  background-color: #fffffa;
 
  
}


div.rightb {
  float: right;
 
  width: 450px;
  padding: 10px;
  background-color: #fffffa;
  height: 750px;
  

}


div.leftb h4 {

	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 22px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #1E263D;
	background-color: #fff;

}



div.rightb h4 {
position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;




}




.line {
background: linear-gradient(transparent 60%, #ffff66 60%);
font-size: 18px;

}


.line2 {
background: linear-gradient(transparent 60%, #ffff66 60%);

}





div.movie {
    float: center;

}

#slide {
width:1125px;
height:430px;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}



.arrow5{
  position: relative;
  display:inline-block;
  
  padding: 0 10px 0 5px;
  background: #ff4500;
  border-radius: 4px;  
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-align: center;

}



.box {
   background-color: #fff;
   border: 1px solid #d3d3d3;
   margin-top: 10px;
   padding: 10px;

}






div.photoa {
background-color: #fff;
   padding: 10px;
  
   border: 1px solid #d3d3d3;
   margin-top: 10px;
text-align: center;

    width: 430px;
   
    margin-left: -2px;
    
    

}

.dotline    { 
border-bottom: dotted 1px #696969; 
text-align: left;

}



img.detail {
   float: right;
   margin-bottom: 10px;
   margin-right: 10px;

}


.mainp {
    height: 400px;

}




img.thmub3{
 width:111px;
 height:83px;
 overflow:hidden;

}

/* 画像の位置 */
img.thmub3 img{
 position:absolute;
 z-index:100;
 top:-10px;
 left:-5px;
}




/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	width:100%;
	padding-top: 20px;
	padding-bottom: 22px;
	background: transparent url(../images/back_footer.png) repeat-x left bottom;
	border-top:dotted 1px #ccc;
	line-height:1.3;
}
footer #container {
	background: transparent url(../images/back_footer_inside.png) no-repeat center bottom;
}

footer ul li{
	float:left;
	margin-right:30px;
}
footer ul li.lastchild{
	margin-right:0px;
}
footer .credit{
	text-align:right;
	padding:10px;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}