@charset "UTF-8";

html{width:100%; height: 100%; overflow-y: scroll;}
body{margin: 0px; padding: 0px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin: 0px; padding: 0px; list-style-type: none;}
img{border: 0px;}
table {border-collapse: collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var,b,i {font-style:normal; font-weight:normal;}
b{font-weight: bold;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit; outline:0px none black;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
li img,
dt img,
dd img,
li input,
dt input,
dd input{vertical-align: top;}
table {font-size: inherit; font: 100%;}
pre,code,kbd,samp,tt {font-family: monospace; *font-size:108%; line-height: 100%;}
form option{font-size: 100%; padding: 1px;}

/*--basic style--*/
sup{font-size: 50%;}
input{vertical-align: middle;}
label{cursor:pointer; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; margin-right: 10px;}
label input{border-width: 0px!important; margin-top: 1px; margin-right: 5px;}
td label{line-height: 200%;}
td label input{margin-top: -2px;}
select{padding: 2px; border: 1px solid #cccccc; cursor:pointer;}
select option{padding-right: 10px; margin: 5px;}
textarea{border: 1px solid #cccccc; padding: 3px; width: 90%;}

/*----- POINTER_STYLE -----*/
a{color:#1dadd1;;text-decoration: none; outline: none;}
a:hover{text-decoration: underline; }

.al a:hover img,
.al input:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.noal a:hover img{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*----- inlineBlock -----*/
.ib{display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1;}


/*----- clearfix -----*/
.cf:after{content: ""; display: block; clear: both; height: 0px;}
.cf{/display: inline-block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */

.displayNone{display: none;}
.fL{float: left;}
.fR{float: right;}
.posFix{position: fixed;}

/* ──────────────────────────────────────────────────────────────────
contents
────────────────────────────────────────────────────────────────── */
blockquote{
	color:#999;
	line-height:20px;
	font-size:14px;
	font-style:italic;
	margin:10px 30px 10px 30px;
}
body{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	background:#ececec;
}
#header{
	background:url(../images/headerback.png) repeat-x;
	height:145px;
	width:100%;
	text-align:center;
	min-width:980px;
}
h1{
	padding-top:15px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#globalMenu{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#globalMenu ul{
	margin-top:7px;
	
	margin-left:auto;
	margin-right:auto;
}
#globalMenu li{
	display:inline-block;
	margin-right:20px;
}
#globalMenu li a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
#globalMenu li a:hover{
	text-decoration:underline;
}
#globalMenu img{
	margin-right:5px;
	margin-top:-2px;
}
#sosialArea{
	position:absolute;
	right:10px;
	top:15px;
}
#companies{
	padding-top:6px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#companies h4{
	display:inline-block;
	font-size:12px;
	background:url(../images/headerbar.png) no-repeat;
	background-position:100px -8px ;
	width:120px;
	height:27px;
	color:#999;
}
#companies ul{
	display:inline-block;
}
#companies li{
	display:inline-block;
	margin-right:20px;
}
#companies li a{
	font-size:11px;
	color:#555;
	text-decoration:none;
	font-weight:bold;
}
#companies li a:hover{
	color:#0066ff;
}
#headerTitle{
	height:67px;
	background-image:url(../images/topbar/ouenback.png);
	margin-top:-5px;
}

#mainContens{
	background:url(../images/back.jpg) repeat;
	visibility:hidden;
}

#cardArea{	
	padding-top:10px;
	min-width:980px;
}
.shadow{
	box-shadow: 0px 0px 5px #666;
}
.r{
	border-radius: 5px;        
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px; 
}


.tweetInput{
	width:696px;
	padding:12px;
	float:left;
	background:url(../images/tweet.png);
	margin:0 15px 15px 0;
}
.tweetInput #twin{
	width:580px;
	margin-top:25px;
	font-size:12px;
}
.tweetInput #twbtn{
	padding-top:22px;
	padding-left:10px;
}
/*---------------------------------TOP big banner*/
.box3column{
	width:696px;
	height:281px;
	margin:0 15px 15px 0;
	background-color:#FFF;
	padding:12px;
	float:left;
	position:relative;
}
.box3column img{
	position:absolute;
}
.box3column #videoarea{
	position:absolute;
	z-index:100;
	top:44px;
	left:30px;
	border:#666 1px solid;
}
/*---------------------------------*/

.card1column{
	position:relative;
	width:206px;
	height:287px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	padding:12px 12px 5px 12px;
	background:url(../images/fukidasibtm.png) 0px 252px no-repeat #FFF;
}
.card1column .rightlabel{
	position:absolute;
	right:-6px;
	top:7px;
	width:80px;
	height:28px;
}
.card1column h3{
	font-size:14px;
	line-height:18px;
	color:#1dadd1;
	display:block;
	margin-top:8px;
}
.card1column p a{
	font-size:10px;
	display:block;
	margin-top:4px;
	color:#000;
	height:60px;
	overflow:hidden;
}
.card1column .repoter{
	position:absolute;
	top:261px;
	left:8px;
}
.card1column .dateyear{
	text-align:right;
	position:absolute;
	top:267px;
	right:12px;
	font-size:10px;
	color:#666;
}
.card1column .repotername{
	position:absolute;
	top:287px;
	right:12px;
	text-align:right;
	font-size:10px;
}
.card1column .repotername a{
	text-decoration:none;
	color:#1dadd1;
}

.newscolumn{
	width:210px;
	height:auto;
	margin:0 15px 15px 0;
	background-color:#FFF;
	background-image:url(../images/newslist_title.png);
	background-repeat:no-repeat;
	float:left;
	padding:35px 10px 15px 10px;
}
.newscolumn h4{
	font-size:14px;
	line-height:18px;
	color:#1dadd1;
	display:block;
	margin-top:1px;
}
.newstag{
	border-top:#999 1px solid;
	margin-top:10px;
	padding-top:5px;
	font-size:11px;
}
.newscolumn p{
	font-size:10px;
	display:block;
	margin-top:4px;
	padding-bottom:8px;
	border-bottom:#CCC 1px solid;
	
}
.newscolumn .dateyear{
	padding-top:8px;
	font-size:10px;
	color:#666;
}


.box1column{
	width:230px;
	margin:0 15px 15px 0;
	float:left;
}
.twwg{
	width:230px;
	height:500px;
	margin:0 15px 15px 0;
	float:left;
	background-color:#FFF;
}

.newslist{
	background:url(../images/newslist_title.png);
}



#footer{
	background-color:#FFF;
	background:url(../images/footershadow.png);
	margin-top:0px;
	height:120px;
	text-align:center;
}
#footerlink{
	font-size:11px;
	padding-top:8px;
}

#companiesFooterBar{
	width:100%;
	height:34px;
	margin:50px 0 0px 0;
	background:url(../images/white.png) repeat-x #DDD;;
	font-size:16px;
	text-align:center;
	color:#1dadd1;
	padding-top:10px;
	font-weight:bold;
}
#companiesFooter{
	width:100%;
	text-align:center;
	background-color:#DDD;
	height:480px;
	
	padding-bottom:30px;
}
#logo{
	margin:auto;
	padding-top:5px;
}
#copyright{
	margin:auto;
	font-size:11px;
	padding-top:8px;
}

/* ──────────────────────────────────────────────────────────────────
sub contents
────────────────────────────────────────────────────────────────── */

#rightCardArea{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}
#leftContents{
	width:740px;
	min-height:1200px;
	margin:10px -5px 15px 15px;
	float:left;
}
#kochira{
}

.pankuzu{
	background:#FFF;
	font-size:12px;
	padding:3px 15px 3px 15px;
	margin-bottom:15px;
	width:690px;
}
.mainBox{
	background:#FFF;
	width:690px;
	padding:15px 15px 15px 15px;
	margin-bottom:15px;
	line-height:26px;
	font-size:14px;
	color:#111;
}
#leftContents .txTitle{
	font-size:22px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:#999 1px solid;
	margin-bottom:10px;
	margin-top:10px;
}

#leftContents .txSubTitle{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	color:#1dadd1;
}
#leftContents p{
	margin-bottom:20px;
}

/* ──────────────────────────────────────────────────────────────────
news contents
────────────────────────────────────────────────────────────────── */

#newsTitleBox{
	margin-top:0px;
	border-bottom:#999 1px solid;
	margin-bottom:25px;
}
#newsTitleLeft{
	width:500px;
	display:inline-block;
}
#newsTitleRight{
	width:180px;
	display:inline-block;
	text-align:right;
}
.dateyear{
	font-size:10px;
	color:#666;
	margin-left:3px;
}
.repotername{
	display:inline-block;
	margin-right:5px;
	font-size:10px;
}
.repoter{
	display:inline-block;
}
.newsTitle{
	font-size:22px;
	font-weight:bold;
	margin-left:1px;
	margin-top:3px;
}
#photoArea{
	position:relative;
}
#bigphoto{
	margin-bottom:0px;
}
#newsPhotos{
	margin-bottom:25px;
	margin-top:0px;
}
#newsPhotos li{
	display:inline-block;
	margin-right:12px;
	margin-top:12px;
}



#companyLeft{
	float:left;
	width:270px;
}
#companyRight{
	float:left;
	width:410px;
}

#companyRight #names{
	margin-bottom:50px;
}
#companyRight h3{
	font-size:28px;
	margin-bottom:10px;
	color:#1dadd1;
}
#companyRight h4{
	font-size:16px;
	margin-top:15px;
	margin-bottom:3px;
	font-weight:bold;
}
#companyRight p{
	
}
#companyRight ul{
}
#companyRight li{
}
#buttonlink{
	background-color:#1dadd1;
	color:#FFF;
	width:200px;
	margin-top:20px;
	padding-top:5px;
	height:30px;
	text-align:center;
	border-radius: 5px;      
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;  
}

#kochiralink{
	background-color:#1dadd1;
	color:#FFF;
	width:200px;
	margin-top:20px;
	padding-top:5px;
	height:30px;
	text-align:center;
	border-radius: 5px;      
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;  
}

#companyFull{
	margin-top:20px;
	text-align:center;
}

.pankuzuLong{
	background:#FFF;
	font-size:12px;
	padding:3px 15px 3px 15px;
	margin:0 20px 15px 20px;
	width:95%;
	min-width:980px;
}



.button{
	
	border-radius: 5px;        
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px; 
	padding:6px 15px 6px 15px;
	background:#1dadd1;
	color:#FFF;
	
}

.button2{
	
	padding:4px 20px 4px 20px;
	border:1px solid #1dadd1;

	
}
.repoterBox{
	border-bottom:#CCC 1px solid;
	margin-bottom:20px;
	padding-bottom:10px;
}
.repoterBox .facephoto{
	width:150px;
	float:left;
	margin-left:15px;
}
.repoterBox .profile{
	width:510px;
	margin-left:00px;
	float:left;

}
.repoterBox .name{
	font-size:16px;
	background-color:#1dadd1;
	color:#FFF;
	padding:3px 5px 3px 10px;
	margin-bottom:5px;
	margin-left:160px;
}
.repoterBox dl{
	font-size:12px;
	line-height:20px;
}
.repoterBox dt{
	float:left;
	font-weight:bold;
	width:70px;
	margin-bottom:10px;
	padding-bottom:10px;
	
}
.repoterBox dd{
	float:left;
	width:440px;
	margin-bottom:10px;
	border-bottom:#CCC 1px  dotted;
	padding-bottom:10px;
}