@charset "utf-8";
/* CSS Document */

/*基本レイアウト用CSS*/


body {
	color: #000000; 
    margin: 0;  
    padding:0;
	background:url(../img/common/bodyBg.png) left top repeat-x #fff716;
	line-height:1.7em;
}

html,body {
  height:100%;
}

.toTop{
	position:fixed;
	width:119px;
	height:107px;
	bottom:0;
	right:1px;
	z-index:10000;
}

.toTop a{
	background:url(../img/common/toTopBg.png) 0 0 no-repeat;
	width:119px;
	height:107px;
	display:block;
	text-indent:-10000px;
}

* html body{  
    overflow: hidden;  
} 

/*準備中ページ*/
p.commingsoon{
	min-height:230px;
	height:auto !important;
}
/*見出し*/

.sub .contents p{
	padding:5px 10px 20px;
}

.sub .contents h3{
	font-size:1.25em;
	font-weight:900;
	border:1px #d2d2d2 solid;
	background:url(../img/common/h3Bg.png) 6px 3px no-repeat #f4f4f4;
	padding:10px 10px 7px 20px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
	margin-bottom:10px;
}

.sub .contents h4{
	font-size:1.15em;
	font-weight:900;
	background:#f9f9f9;
	border:1px #000000 dotted;
	padding:5px 10px 2px 10px;
	margin-bottom:10px;

}

.sub .contents h5{
	font-size:1.15em;
	font-weight:900;
	padding:5px 10px 2px 15px;
	margin-top:15px;
	}

/**/

.sub .contents dl,
.sub .contents ul{
	padding:10px 15px;
	
}

.sub .contents dt{
	font-weight:900;
}

.sub .contents table.t_style10{
	border:0;
	margin:10px 0 25px 15px;
	line-height:1.8em;
	
}
.sub .contents table.t_style10 th{
	font-weight:900;
	width:115px;
	/*background:url(../img/common/dtAfter.png) right 6px no-repeat;*/
	text-align:left;
	vertical-align:top;
}

.sub .contents table.t_style10 td{
	padding-left:25px;


}

#page{
	margin:0 auto;
	width:100%;
	height:auto;
	background:url(../img/common/pageBottmBg.png) center bottom no-repeat #fff716;
}


/*事務所案内*/
.officemap .contentsWrap h2 img{
	width:100%;
	max-width:960px;


}


/*ごあいさつ*/
.greetings .contentsWrap h2 img{
	width:100%;
	max-width:960px;

}


/*プロフィール*/
.profile .contentsWrap h2 img{
	width:100%;
	max-width:960px;

}


/*プライバシーポリシー*/
.privacy .contentsWrap h2 img{
	width:100%;
	max-width:960px;

}

/*国会活動*/
.activities .contentsWrap h2 img{
	width:100%;
	max-width:960px;

}


/*HEADER STYLES*/
header {
	width:960px;
	margin:0 auto;
	height:187px;
	background:url(../img/common/mainLogo.png) left top no-repeat;
}

.header_inner{
	height:128px;
	width:960px;
	position:relative;
}
.header_inner .headerTxt{
	position:absolute;
	top:24px;
	left:295px;
	font-size:1.1em;
	line-height:1.2em;
	
}

.header_inner h1{
	width:480px;
	height:109px;
	float:left;
	margin-bottom:19px;
}

.header_inner h1 a{
	width:480px;
	height:109px;
	display:block;
	text-indent:-9999px;
}


ul.headerMenu{
	display:block;
	height:20px;
	width:99px;
	float:right;
	margin-top:0px;
	margin-right:26px;
}

ul.headerMenu li{
	float:left;
	height:20px;
}

ul.headerMenu li a{
	display:block;
	height:20px;
	text-indent:-10000px;
}
ul.headerMenu li a:hover,
.contents a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.illustre {
	background: url(../img/common/top_komiyama.png) no-repeat;
	float:right;
	text-indent:-5000px;
	width:109px;
	height:86px;
	display:block;
	margin:13px 40px 0 0;
}
	
.topameba {
	background: url(../img/common/top_ameba.png) no-repeat;
	float:right;
	width:141px;
	height:62px;
	display:block;
	margin:36px 18px 0 0;
	text-indent:-5000px;	
}

.topameba a {
	width:141px;
	height:62px;
	display:block;
}

/*ul.headerMenu li.headerEngBtn{
	width:124px;
	height:51px;
}
ul.headerMenu li.headerEngBtn a{
	width:124px;
	height:51px;
	background:url(../img/common/engBtn.png) 0 0 no-repeat;
	display:block;
}

/*メインナビ*/
.showhidemenu{
	display:none;
}

ul.gnavi{
	width:960px;
	height:59px;
	margin:0;
	padding:0;
}

ul.gnavi li{
	float:left;
	height:59px;
	width:192px;
}


ul.gnavi li a{
	display:block;
	height:59px;
	text-indent:-10000px;
	width:192px;
}


ul.gnavi li.home a{
	background:url(../img/common/mainNavi.png) 0 0 no-repeat;
}

ul.gnavi li.home a:hover{
	background:url(../img/common/mainNavi.png) 0 -59px no-repeat;
}


.home ul.gnavi li.home a{
	background:url(../img/common/mainNavi.png) 0 -59px no-repeat;
}


ul.gnavi li.greetings a{
	background:url(../img/common/mainNavi.png) -192px 0 no-repeat;
}

ul.gnavi li.greetings a:hover{
	background:url(../img/common/mainNavi.png) -192px -59px no-repeat;
}

.greetings ul.gnavi li.greetings a{
	background:url(../img/common/mainNavi.png) -192px -59px no-repeat;
}



ul.gnavi li.profile a{
	background:url(../img/common/mainNavi.png) -384px 0 no-repeat;
}

ul.gnavi li.profile a:hover{
	background:url(../img/common/mainNavi.png) -384px -59px no-repeat;
}

.profile ul.gnavi li.profile a{
	background:url(../img/common/mainNavi.png) -384px -59px no-repeat;
}



ul.gnavi li.activities a{
	background:url(../img/common/mainNavi.png) -576px 0 no-repeat;
}

ul.gnavi li.activities a:hover{
	background:url(../img/common/mainNavi.png) -576px -59px no-repeat;
}


.activities ul.gnavi li.activities a{
	background:url(../img/common/mainNavi.png) -576px -59px no-repeat;
}




ul.gnavi li.officemap a{
	background:url(../img/common/mainNavi.png) -768px 0 no-repeat;
}


ul.gnavi li.officemap a:hover{
	background:url(../img/common/mainNavi.png) -768px -59px no-repeat;
}

.officemap ul.gnavi li.officemap a{
	background:url(../img/common/mainNavi.png) -768px -59px no-repeat;
}


/*ページ下バナー*/
.bottomBanWrap{
	background:#d2eaff;
	padding:5px;
	padding-bottom:10px;
	padding-top:0;
	margin-top:50px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

.bottomBan{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding: 0 !important;
}

.bottomBan li{
	width:172px;
	height:67px;
	float:left;
	margin-right:8px;
	margin-top:10px;
}
.bottomBan li a{

max-width:172px;
}
.bottomBan li.bbm0{
	margin-right:0;
}

/*FOOTER BANNER EXTRA TEXT*/
.bttxt { margin:0 0 -5px 360px;
padding:2px 2px 2px 5px;
clear: both;
background: #3c8ed4;
border-top:3px #d2eaff solid;
color:#fff;}


/*フッター*/
footer{
	background:#005dbd;
	padding-top:20px;
	width:100%;
	height:auto !important;
	color:#ffffff;

}

footer h2{
	font-size:1.3em;
	margin-bottom:15px;
}


div.footerUp{
	max-width:960px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;

}

div.footerUp .footerUpLeft{
	width:42%;
	float:left;
	
}

div.footerUp .footerUpCenter{
	float:left;
	/* 
	margin:0 18px;
	*/
}

div.footerUp .footerUpRight{
	width:25%;
	float:right;
}

div.footerUp dt{
	font-weight:900;
	font-size:1.2em;
	margin-bottom:5px;
}




div.footerDown{
	width:100%;
	background:#fff716;
	color:#000000;
	min-height:44px;
	height:44px;
	height:auto !important;
	padding-top:12px;
	text-align:center;
}

footer a{
	text-decoration:underline;
	color:#ffffff;
}

footer a:hover{
	text-decoration:none;
}

footer ul {
	float:left;
	width:47%;
	display:block;
}

footer ul li{
	
	font-size:0.9em;
	background:url(../img/common/footerUlIcon.png) left center no-repeat;
	padding-left:15px;
}
footer ul li a{
		
}


address{
	clear:both;
	font-style:normal;
	font-size:0.9em;
	margin-top:5px;
}

/*コンテンツ*/

.contentsWrap{
	background:#FFF;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:6px #005dbd solid;
}

.contents{
	max-width:920px;
	width:100%;
	margin-left:auto;
	margin-right:auto;

	padding-bottom:32px;
	background:#fff;
	margin-top:20px;
}

.contents img{
	width:100%;
	height:auto;
}

.contents2{
	max-width:920px;
	width:100%;
	margin-left:auto;
	margin-right:auto;

	padding-bottom:0;
	background:#fff;
	margin-top:20px;
}

.contents2 img{
	width:100%;
	height:auto;
}


/*トップページメイン*/

.meimagetopbox {
	display:none;
	background:#fff716;
}

.meimagetop {
	width:100%;
	max-width:1200px;
}

.home .contentsWrap{
	position:relative;
	padding-top:400px;
}
.home .contentsWrap .topMain{
	position:absolute;
	top:0px;
	/*left:50%;*/
	margin:0 auto;
	width:960px;
	border:#000 0px solid;
	height:400px;
	z-index:5000;
}

.home .contents{
	padding-top:0;
}


.home .contentLeft{
	float:left;
	max-width:450px;
	width:100%;
	text-align:center;
}


.home .contentLeft .topYoutube{
	max-width:430px;
	width:100%;
	min-height:243px;
	height:243px;
	height:auto !important;
	margin-top:8px;
}

.home h3.h3_youtube{
	height:67px;
	max-width:450px;
	width:100%;
	background:url(../img/index/h3_youtube.png) left top no-repeat;
	text-indent:-10000px;
	
}

.home .contentRight{
	float:right;
	max-width:440px;
	width:100%;
}

.home .contentRight img{
	margin-bottom:27px;
}


.home .contentLeft01{
	float:left;
	width:285px;
	margin-right:33px;
}

.home .contentLeft01 #feeds{
	height:420px;
	overflow:auto;
	border:1px #cccccc solid;
	margin-bottom:11px;
}

.home .contentLeft01 #feeds a{
		text-decoration:none;
		margin-right:5px;
}

.home .contentLeft01 #feeds a:hover{
		text-decoration:underline;
}

.home .contentLeft01 #feeds dl{
	padding:5px;
}

.home .contentLeft01 #feeds dt,
.home .contentLeft01 #feeds dd{
	background:#f6f6f6;
	border:1px solid #e2e2e2;
	padding:0 10px;
	
}


.home .contentLeft01 #feeds dt{
	color:#005dbd;
	font-weight:900;
	border-bottom:0;
	padding-top:8px;
	
}

.home .contentLeft01 #feeds dd{
	border-top:0;
	margin-bottom:2px;
	padding-bottom:6px;
}


.home h3.h3_ameba{

	height:67px;
	background:url(../img/index/h3_ameba.png) left top no-repeat;
	text-indent:-10000px;
	padding-bottom:1px;
	border-bottom:1px solid #3e8fd4;
	margin-bottom:4px;
}


a.amebaLinkBtn{
	max-width:283px;
	width:100%;
	height:52px;
	display:block;
}

.home .contentsBoxTop{

	border-top:0;
	max-width:448px;
}

.home .contents img.toYoutube{
	max-width:450px;
	width:100%;
}


.home .contentCenter01{
	float:left;
	width:283px;
	height:480px;
	padding-bottom:50px;

}

.home h3.h3_facebook{

	height:67px;
	background:url(../img/index/h3_facebook.png) left top no-repeat;
	text-indent:-10000px;
	border-bottom:1px solid #3e8fd4;
	margin-bottom:4px;
}
/*facebookボックス*/
#facebookLikeBox{
	margin-bottom:10px;

}

a.fbLinkBtn{
	max-width:283px;
	width:100%;
	height:52px;
	display:block;
}

div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
    width: 100% !important;
    max-width: 500px;
	vertical-align:bottom;
}

.home .contentRight01{
	float:right;
	width:286px;
	height:480px;
	
}


.home h3.h3_twitter{
	height:67px;
	background:url(../img/index/h3_twitter.png) left top no-repeat;
	text-indent:-10000px;
	border-bottom:1px solid #3e8fd4;
	margin-bottom:4px;
}



/*ごあいさつ*/

.komiyama_signature{
		text-align:right;
		padding-right:10px;
}

.komiyama_signature span{
	display:block;
	margin-bottom:10px;
	margin-top:15px;


}
.komiyama_signature img{
	/*width:307px;
	height:45px;*/
	width:200px;
	height:80px;
	}
	
.komiyama_silhouette{
		float:right;
		margin-left:30px;
		padding-top:30px;
}

.komiyama_silhouette img{
	width:176px;
	height:317px;
}

/*ごあいさつの下のポップアップ写真ー*/
ul.accessPop{
	width:98%;
	display:block;
	height:auto;
	margin:20px 0 0 20px;

}

ul.accessPop li{
	float:left;
	list-style:none;
	margin-right:20px;
	width:150px;
	height:100px;
	display:block;
	font-size:0.8em;
	padding:5px;
	padding-bottom:8px;
	background:url(popimg/next.png) right bottom no-repeat #F3F3F3;}



/*プロフィール*/
.sub .contents .profileEngBoxBg h3{
	height:56px;
	background:url(../profile/img/profileEngBoxBgH2.png) left top no-repeat;
	text-indent:-10000px;
	padding:0;
	margin:0;
	border:0;
	border-radius: 0px;        /* CSS3草案 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */  
	margin-bottom:0px;
	margin-top:20px;

}
.sub .contents .profileEngBoxBg{
	border:5px #3c8fd5 solid;
	background:url(../profile/img/profileEngBoxBg.png) right bottom no-repeat;
	margin-top:30px;
}
.sub .contents .profileEngBoxImg{
	display:none;
}
.sub .contents .profileEngBoxBg p{
	margin-right:280px;
	padding-bottom:15px;
	margin-top:30px;
}

/*事務所案内*/
.officemap .contentLeft{
	float:left;
	max-width:325px;
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
}


.officemap .contentRight{
	float:right;
	max-width:570px !important;
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
}

.officemap .contentLeft img{
	max-width:275px;
	width:100%;
	height:auto;
	margin-left:10px;
}

ul.li_styleMap{
	background:url(../officemap/img/iconSubway.png) left 13px no-repeat;
	margin-left:5px;
	margin-bottom:25px;
}

ul.li_styleMap li{
	background:url(../officemap/img/icon02.png) left 4px no-repeat;
	padding-left:20px;
	margin-left:55px;
}

.extrah {
	height:57px;} 


/*事務所案内*/
#map01{
	width:100%; height:350px;
	margin-bottom:50px;
	tex-align:center;
}

#map02{
	width:100%; height:350px;
	margin-bottom:50px;
	tex-align:center;
}


/*IFRAME*/
.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
/*height: 0;*/
min-height:400px;
height:auto;
overflow: auto;

-webkit-overflow-scrolling:touch; <<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}
