@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}

body {margin:0; padding:0; }

/* モバイルレイアウト : 480 px およびそれ以下. */

#talkContainer {background: url(../images/common/bg.jpg) repeat;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:14px;
text-align:left; padding:0 0 50px 0;}
header {width:100%; margin:0 0 20px 0; background:url(../images/common/header_bg02.jpg) repeat-x top center; position:relative; }
header .line {width:100%; position:absolute; bottom:-2px; left:0; height:25px; background:url(../images/common/header_bg.png) repeat-x bottom center;}
header .inner {width:100%; margin:auto; padding-bottom:10px; }
header p {display:block; color:#000; text-align:center; margin:0; padding:10px; text-align:left;}
header h1#pc{display:none;}
header h1#smart {display:block; margin:0 auto; padding:0; width:100%; max-width:960px; text-align:center; }
header h1 img {width:100%; max-width:960px;}


/* pankuzu */
#pankuzu_dsn {
	width:100%;
	margin:0 auto 20px;
	text-align:left;
}



#topProfile,#topProfile02 { display:none;}
#topProfileS {width:98%; display:block; margin:0 auto 5px;
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;}

#talkContents {width:98%; max-width:960px; margin:0 auto; }

#left {width:100%; }
#sidebar { line-height:1.6em; background:#6fd3ee; 
/* box-shadow */
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
}
#sidebar h1 {display:none; color:#333; padding:10px; margin:0;}
#sidebar h1.taisou {display:block; color:#333; padding:10px 10px 0; margin:0;}
#sidebar p {color:#000; padding:0px 10px 5px; margin:0;}
#sidebar img {display:none; -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg); width:100px; float:right;}
.talk02 #sidebar {display:none;}


ul#sns {margin:0; padding:0 10px 20px;}
ul#sns li {margin:0; padding:0; list-style:none;}

#left #backnumber {display:none;}
#backnumber h1 {margin:20px 0 5px; padding:0;}
#backnumber ul {margin:0; padding:0; overflow:hidden;}
#backnumber li {list-style:none;}

#footBN #backnumber {display:block;}
#footBN #backnumber h1 {text-align:center;}
#footBN #backnumber li {list-style:none; width:50%; float:left;}
#footBN #backnumber li img {width:100%;}



#interview { margin:10px auto; background:#FFF; padding:15px;
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;}
#interview p {line-height:1.8em; font-size:16px;}
#interview p.txt01 {font-size:20px; font-weight:bold; border-bottom:1px dotted #333; padding-bottom:20px; margin-bottom:20px; line-height:1.4em;}
#interview h2 {background:url(../images/common/line02.gif) no-repeat bottom left; padding:0 0 40px 0; line-height:1.2em; color:#6cd0eb;}

footer ul#footerNavi {width:100%; position:relative; margin:0; padding:0; height:60px;}
footer ul#footerNavi li { list-style:none; width:100px; height:100px;}
footer ul#footerNavi li.btnL {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
footer ul#footerNavi li.btnR {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
footer ul#number {margin:0px 0 0 0; padding:0; width:100%; text-align:center;}
footer ul#number li {display:inline-block; list-style:none; border:1px solid #3CF;
background: #3CF;}
footer ul#number li a {display:block; padding:7px 10px; text-decoration:none; color:#333;}
footer ul#number li.link01 {background:#fff; color:#fff;}


footer img {height:auto;}
.blue {color:#6cd0eb;}


.photo {text-align:center; margin:10px 0 30px;}

a img {border:none;}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
header {width:100%; min-width:500px; margin:0 0 10px 0; background:url(../images/common/h1_bg.jpg) repeat-x top center; position:relative; }
header h1#pc{display:block;  margin:0 auto; padding:0; width:100%; max-width:960px; text-align:center; }
header h1#smart {display:none;}
header p {display:none;}


/* pankuzu */
#pankuzu_dsn {
	width:100%;
	max-width:968px;
	margin:0 auto;
	text-align:left;
}


#topProfile , #topProfile02 { display:block; width:98%; max-width:960px; height:248px; margin:10px auto 40px;
background:#FFF url(../images/common/name_bg.jpg) no-repeat top left;
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px; }

#topProfile h1 {display:block; float:left; padding:30px 0 0 0; width:39%; text-align:center;}
#topProfile02 h1 {display:block; float:left; padding:20px 0 0 0; width:39%; text-align:center; margin:0;}
#topProfile .topImg {float:right; width:60%; max-width:584px; height:248px; background:url(../images/01/h_izumi.jpg) no-repeat top right; }
#topProfile .topImgShinsan {float:right; width:60%; max-width:584px; height:248px; background:url(../images/02/h_photo.jpg) no-repeat top center; }
#topProfile .topImgKurusu {float:right; width:60%; max-width:584px; height:248px; background:url(../images/03/h_photo.jpg) no-repeat top center; }
#topProfile .topImgYamamoto {float:right; width:60%; max-width:584px; height:248px; background:url(../images/04/h_photo.jpg) no-repeat top center; }
#topProfile .topImgKomiyama {float:right; width:60%; max-width:584px; height:248px; background:url(../images/05/h_photo.jpg) no-repeat top center; }
#topProfile .topImgYoshida {float:right; width:60%; max-width:584px; height:248px; background:url(../images/06/h_photo.jpg) no-repeat top center; }
#topProfile .topImgYamashita {float:right; width:60%; max-width:584px; height:248px; background:url(../images/07/h_photo.jpg) no-repeat top center; }
#topProfile .topImgKato {float:right; width:60%; max-width:584px; height:248px; background:url(../images/08/h_photo.jpg) no-repeat top center; }
#topProfile .topImgTanaka {float:right; width:60%; max-width:584px; height:248px; background:url(../images/09/h_photo.jpg) no-repeat top center; }
#topProfile .topImgYasuda {float:right; width:60%; max-width:584px; height:248px; background:url(../images/10/h_photo.jpg) no-repeat top center; }
#topProfile02 .topImgTaiso {float:right; width:60%; max-width:584px; height:248px; background:url(../images/11/h_photo.jpg) no-repeat top center; }


#topProfileS {width:100%; display:none;}

#talkContainer {min-width:500px;}
	
#talkContents {width:98%; max-width:960px; margin:0 auto; position:relative;}
#left {width:210px; position:absolute; top:-20px; left:0; z-index:100;}
#sidebar { line-height:1.8em; background:#6fd3ee; 
/* box-shadow */
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
}
#sidebar h1 {color:#333; padding:0 10px; margin:20px 0 0; display:block;}

#sidebar p {color:#000; padding:10px 10px 20px;}
#sidebar img { display:block; -moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg); width:auto; float:none;}

#sidebar img.img02 { display:block; -moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg); width:auto; float:none;}

#sidebar img.img03 { display:block; -moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg); width:auto; float:none;}


.talk02 #sidebar {display:block;}

ul#sns {margin:0; padding:0 10px 20px;}
ul#sns li {margin:0; padding:0 0 5px 0; list-style:none;}

#left #backnumber {display:block;}
#backnumber h1 {margin:20px 0 5px; padding:0;}
#backnumber ul {margin:0; padding:0;}
#backnumber li {list-style:none;}

#footBN #backnumber {display:none;}

footer ul#footerNavi {width:100%; position:relative; margin:0; padding:0; height:60px;}
footer ul#footerNavi li { list-style:none; width:120px; height:120px;}
footer ul#footerNavi li.btnL {
	position: absolute;
	bottom: -30px;
	left: -164px;
}
footer ul#footerNavi li.btnR {
	position: absolute;
	bottom: -30px;
	right: -35px;
}

footer ul#number {margin:0px 0 0 0; padding:0; width:100%; text-align:center;}
footer ul#number li {display:inline-block; list-style:none; border:1px solid #3CF;
background: #3CF;}
footer ul#number li a {display:block; padding:7px 10px; text-decoration:none; color:#333;}
footer ul#number li.link01 {background:#fff; color:#fff;}


footer img {height:auto;}

#interview { margin:50px 0 0 100px; background:#FFF; padding:15px 30px 15px 130px;
box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-webkit-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;
-moz-box-shadow:rgba(175, 180, 186, 0.54902) 1px 1px 6px 1px;}
#interview p {line-height:1.8em; font-size:16px;}
#interview p.txt01 {font-size:20px; font-weight:bold; border-bottom:1px dotted #333; padding-bottom:20px; margin-bottom:20px; line-height:1.4em;}
#interview h2 {background:url(../images/common/line02.gif) no-repeat bottom left; padding:0 0 20px 0; line-height:1.2em; color:#6cd0eb; margin-bottom:20px;}

}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
	header {min-width:960px;}
	#talkContainer {min-width:960px; padding-bottom:80px;}


footer ul#footerNavi {width:100%; position:relative; margin:0; padding:0; height:60px;}
footer ul#footerNavi li { list-style:none; width:120px; height:120px;}
footer ul#footerNavi li.btnL {
	position: absolute;
	bottom: -60px;
	left: -164px;
}
footer ul#footerNavi li.btnR {
	position: absolute;
	bottom: -60px;
	right: -60px;
}

footer ul#number {margin:0px 0 0 0; padding:0; width:100%; text-align:center;}
footer ul#number li {display:inline-block; list-style:none; border:1px solid #3CF;
background: #3CF;}
footer ul#number li a {display:block; padding:7px 10px; text-decoration:none; color:#333;}
footer ul#number li.link01 {background:#fff; color:#fff;}


footer img {height:auto;}

}