@charset "UTF-8";

/* ************************************************************
Title: style.css
Since: 2008-05-13
Last Modified: 2008-00-00
************************************************************ */



/*===============================
タブレット（768px以下）
タブレット（640px以下）
スマホ（480px以下）
===============================*/

/* ページタイトル
====================================================*/
#pageTitle img {
	width: 80%;
	max-width: 630px;
}

/* 調査
====================================================*/
#voice {
	margin: 3% 0 5%;
}
#voice img{
	display: block;
	margin: 0 auto;	
}
#voice h2 {	/*働き女子は忙しい！*/
	width: 65%;
	max-width: 1006px;
	margin: 0 auto;
	padding: 0 0 2% 0;
	background: url(../img/dot.png) repeat-x bottom;
	background-size: 3px 1px;
	-webkit-background-size: 3px 1px;
	-moz-background-size: 3px 1px;
	-o-background-size: 3px 1px;
	-ms-background-size: 3px 1px;
}
#voice h2 img {	
	width: 100%;
	max-width: 1006px;
}
#voice h3 {
	margin: 20px 0;
}
#voice h3 img {
	 width: 50%;
	 max-width: 534px;
}
#voice img.voice_p {
	 width: 60%;
	 max-width: 636px;
}
#voice img.voice_s {
	width: 60%;
	max-width: 843px;
	margin: 8px auto 20px;
}
#voice img.voice_img {
	width: 75%;
	max-width: 903px;
}
#voice #voiceNext {
	background: #FCE5EA;
	padding: 2.8% 0 1.0%;
}
#voice #voiceNext img {
	width: 70%;
	max-width: 801px;
}
#voice #voiceNextImg {
	width: 6%;
	max-width: 105px;
	height: auto;
	margin: 0 auto 0;
}
#voice #voiceNextImg img{
	width: 100%;
}

/* ON OFF
====================================================*/
.onoff {
	margin: 8% auto 0;
	width: 90%;
	max-width: 1100px;
}
.onoff .title {
	text-align: center;
	margin-bottom: 30px;
}
.onoff .title img.on {
	width: 90%;
	max-width: 936px;
	margin: 0 auto;
}
.onoff .title img.off {
	width: 90%;
	max-width: 972px;
	margin: 0 auto;
}
/*.onoff p{
	display: block;
	margin: 14px auto 30px;
	width: 90%;
}*/
.onoff img.images {
	display: block;
	margin: 0 auto;
}
.onoff img.on {
	width: 95%;
	max-width: 1100px;
	height: auto;
}
.onoff img.off {
	width: 95%;
	max-width: 982px;
}

/* 次回
====================================================*/
#next img.vol1_next {
	display: block;
	width: 60%;
	max-width: 566px;
	margin: 0;
	padding-top: 2.5%;
}

#next .nextContents img.vol1_next1 {
	width: 80%;
	max-width: 363px;
}
#next .nextContents img.vol1_next1_p {
	width: 80%;
	max-width: 337px;
}
#next .nextContents img.vol1_next2 {
	width: 80%;
	max-width: 347px;
}
#next .nextContents img.vol1_next2_p {
	width: 80%;
	max-width: 335px;
}

/* モニター募集
====================================================*/
#monitor {
	position: relative;
	width: 80%;
	max-width: 1016px;
	height: auto;
	margin: 8% auto 4%;
}
#monitor .mail {
	position: absolute;
	width: 100%;
	bottom: 15.5%;
	left: 0;
	text-align: center;
}
#monitor .mail img {
	width: 86%;
	max-width: 792px;
}

/*===============================
タブレット（768px〜）
タブレット（640px〜）
スマートフォン（480px〜）
===============================*/
/*@media screen and (min-width:480px){*/
/*@media screen and (min-width:768px){*/
@media screen and (max-width:640px){

/* ページタイトル
====================================================*/
#pageTitle img {
	width: 263px;
}

/* 調査
====================================================*/
#voice {
	margin: 10px 0 20px;
}
#voice img{
	display: block;
	margin: 0 auto;	
}
#voice h2 {	/*働き女子は忙しい！*/
	width: 80%;
	max-width: 290px;
	margin: 0 auto;
	padding: 0 0 20px 18px;
}
#voice h2 img {	
	width: 249px;
}
#voice h3 {
	margin: 20px 0;
}
#voice h3 img {
	 width: 265px;
}
#voice img.voice_p {
	 width: 286px;
}
#voice img.voice_s {
	width: 252px;
	margin: 18px auto;
}
#voice img.voice_img {
	width: 274px;
}
#voice #voiceNext {
	padding: 30px 0 10px;
}
#voice #voiceNext img {
	width: 266px;
}
#voice #voiceNextImg {
	width: 53px;
	height: 53px;
	margin: 0 auto 0;
}
#voice #voiceNextImg img{
	width: 53px;
}

/* ON OFF
====================================================*/
.onoff {
	margin-top: 66px;
	width: auto;
}
.onoff .title {
}
.onoff .title img.on {
	width: 253px;
}
.onoff .title img.off {
	width: 272px;
}
/*.onoff p{
	display: block;
	margin: 14px auto 30px;
	width: 90%;
}*/
.onoff img.images {
}
.onoff img.on {
	width: 273px;
}
.onoff img.off {
	width: 275px;
}

/* 次回
====================================================*/
#next img.vol1_next {
	width: 222px;
	margin: 0 auto;
	padding-top: 0;
}

#next .nextContents img.vol1_next1 {
	width: 227px;
}
#next .nextContents img.vol1_next1_p {
	width: 249px;
}
#next .nextContents img.vol1_next2 {
	width: 217px;
}
#next .nextContents img.vol1_next2_p {
	width: 249px;
}

/* モニター募集
====================================================*/
#monitor {
	width: 281px;
	margin: 20px auto;
	text-align: center;
}
#monitor .mail {
	width: auto;
	bottom: 210px;
	left: 18px;
}
#monitor .mail img {
	width: 243px;
}
}