@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	/*font-family:"ＭＳ　Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	font-size:80%;
	line-height:140%;
}
/* clear */
.clear { 
	clear: both;
	visibility: hidden;
	height: 0;
	border:0;
}
/* text */
.txt_red {
	color:#FF0000;
}
.txt_ul {
	text-decoration:underline;
}

#wrapper {
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:800px;
	/*height:inherit;*/
	color:#444444;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	display:inline-block;/* IE7対策 */
	line-height:110%;
}
#wrapper:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#sb-body {
	margin:0 auto 10px;
	padding:10px 0;
	width:800px;
	background-color:#f09293;
}

#wp-body {
	margin:0 auto 10px;
	padding:10px 0;
	width:800px;
	background-color:#039ae9;
}

#ww-body {
	margin:0 auto 10px;
	padding:10px 0;
	width:800px;
	background-color:#7fbe31;
}
#wg-body {
	margin:0 auto 10px;
	padding:10px 0;
	width:800px;
	background-color:#44bcbd;
}

.Height10px {
	clear:both;
	height:10px;
}

.Height20px {
	clear:both;
	height:20px;
}

.strike {
	text-decoration:line-through;	
}

/*--------  index はじめ   ----------*/


.pricelogo {
	clear:both;
	position:absolute;
	margin:-40px 0 0 30px;
	background:url(../images/price_logo.gif) no-repeat;
	background:url(../images/price_logo.jpg) no-repeat;
	width:235px;
	height:49px;
	width:452px;
	height:62px;
	z-index:1;
}

.planlogo {
	clear:both;
	position:absolute;
	margin:-40px 0 0 30px;
	background:url(../images/plan_logo.gif) no-repeat;
	background:url(../images/plan_logo.jpg) no-repeat;
	width:235px;
	height:49px;
	width:452px;
	height:62px;
}

#priceArea {
	padding:10px;
	margin:40px 40px 0;
	width:700px;
	height:auto;
	background-color:#E6FFDE;
	background-color:#FFFFFF;
	border:5px solid #CCCCCC;
	display:inline-block;/* IE7対策 */
	z-index:2;
}
#priceArea:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#planArea {
	padding:10px;
	margin:0 40px 10px;
	width:700px;
	height:auto;
	background-color:#FFFCDC;
	background-color:#FFFFFF;
	border:5px solid #CCCCCC;
	display:inline-block;/* IE7対策 */
	z-index:2;
}
#planArea:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.mline {
	clear:both;
	width:700px;
	height:1px;
	margin:10px 0;
/*	background:url(../images/line.gif) repeat-x;  */
	border-bottom:1px dotted #CCCCCC;
}

.pp-title {
/*	margin:50px 0 0 60px;  */
	padding:50px;
	height:50px;
	font-weight:bold;
	font-size:30px;
	float:left;
	color:#333333;
}
.pp-title1 {
	clear:both;
	margin:0 auto;
	width:679px;
	border-bottom:5px solid #FFFFFF;	
	height:63px;
	background:url(../images/wp_title_s.gif) no-repeat;
}
.pp-title2 {
	clear:both;
	margin:0 auto;
	width:679px;
	border-bottom:5px solid #FFFFFF;	
	height:63px;
	background:url(../images/ww_title_s.gif) no-repeat;
}
.pp-title3 {
	clear:both;
	margin:0 auto;
	width:679px;
	border-bottom:5px solid #FFFFFF;	
	height:63px;
	background:url(../images/wg_title_s.gif) no-repeat;
}
.pp-title4 {
	clear:both;
	margin:0 auto;
	width:679px;
	border-bottom:5px solid #FFFFFF;	
	height:63px;
	background:url(../images/sb_title_s.gif) no-repeat;
}
.white-line {
	width:679px;
	border-bottom:5px solid #FFFFFF;	
	margin:5px 0 5px 0;
}


.price-wp{
	height:auto;
	margin:0 auto;
	padding:10px;
	background-color:#BAD7F4;
	background-color:#049EEB;
	border-bottom:10px solid #FFFFFF;
	float:right;
	color:#FFFFFF;
}
.wpillust {
	background:url(../images/wpillust.gif) no-repeat center;
	width:260px;
	height:120px;
	float:left;
}
.wp-w {
	width:auto;
	height:120px;
	vertical-align:bottom;
	float:left;
}

.wp-left {
	margin:12px 0 0 15px;
	padding-bottom:8px;
	width:400px;
	height:58px;
	font-size:16px;
	line-height:17px;
	text-align:left;
	font-weight:bold;
}

.price-ww{
	height:auto;
	margin:0 auto;
	padding:10px;
	background-color:#BAD7F4;
	background-color:#B0F9A5;
	background-color:#7FBF33;
	border-bottom:10px solid #FFFFFF;
	float:right;
	color:#FFFFFF;
}

.wwillust {
	background:url(../images/wwillust.gif) no-repeat;
	width:165px;
	height:150px;
	float:right;
}

.ww-w {
	width:auto;
	height:150px;
	vertical-align:bottom;
	float:right;
}

.ww-right {
	margin:10px 0 0 20px;
	padding-bottom:8px;
	width:490px;
	height:92px;
	font-size:16px;
	line-height:17px;
	text-align:left;
	font-weight:bold;
}


.price-wg{
	height:auto;
	margin:0 auto;
	padding:10px;
	background-color:#F9F985;
	background-color:#45BEBE;
	border-bottom:10px solid #FFFFFF;
	float:right;
	color:#FFFFFF;
}
.wgillust {
	background:url(../images/wgillust.gif) no-repeat;
	width:194px;
	/*height:150px;*/
	height:187px;
	float:left;
}

.wg-w {
	width:auto;
	height:150px;
	vertical-align:bottom;
	float:left;
}

.wg-left {
	margin:10px 0 0 15px;
	padding-bottom:8px;
	width:463px;
	height:92px;
	font-size:16px;
	line-height:17px;
	text-align:left;
	font-weight:bold;
}


.price-sp{
	height:auto;
	margin:0 auto;
	padding:10px;
	background-color:#F9CDEE;
	background-color:#F19193;
	border-bottom:10px solid #FFFFFF;
	float:right;
	color:#FFFFFF;

}

.spillust {
	background:url(../images/spiilust.gif) no-repeat center;
	width:171px;
	height:160px;
	float:left;
}

.sp-w {
	width:auto;
	height:160px;
	vertical-align:bottom;
	float:left;
}

.sp-left {
	margin:5px 0 0 15px;
	padding-bottom:8px;
	width:487px;
	height:102px;
	font-size:16px;
	/*line-height:17px;*/
	line-height:15px;
	text-align:left;
	font-weight:bold;

}


.r-txt {
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
}

/*------	メニュー　　------*/

.menuBox {
	width:800px;
	height:auto;
	padding:10px 0 0 0;
	margin:0;
	background-color:#104080;
	background-color:#FFFFFF;
}
#menu {
	width:762px;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#ffffff;
}
#menu:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#p-menu ul {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	float:left;
}

div#p-menu li {
	margin: 2px 0 0 2px;
	padding: 0;
	list-style-type: none;
	text-align:right;
	vertical-align:bottom;
	text-indent: -10000px;
}


#p-menu a {
	display:block;
	width:150px;
	height:30px;
	text-decoration:none;
	text-align:right;
}



#p-menu a#menu0 {
	background: url(../images/menu0.gif) 0 0 no-repeat;
}
#p-menu a#menu0:hover,a#menu0:active {
	background: url(../images/menu0.gif) 0 0 no-repeat;
}

#p-menu a#menu1 {
	background: url(../images/menu1.gif) 0 0 no-repeat;
}
#p-menu a#menu1:hover,a#menu1:active {
	background: url(../images/menu1.gif) 0 0 no-repeat;
}



#p-menu a#menu2 {
	background: url(../images/menu2.gif) 0 0 no-repeat;
}
#p-menu a#menu2:hover,a#menu2:active {
	background: url(../images/menu2.gif) 0 0 no-repeat;
}


#p-menu a#menu3 {
	background: url(../images/menu3.gif) 0 0 no-repeat;
}
#p-menu a#menu3:hover,a#menu3:active {
	background: url(../images/menu3.gif) 0 0 no-repeat;
}


#p-menu a#menu4 {
	background: url(../images/menu4.gif) 0 0 no-repeat;
}
#p-menu a#menu4:hover,a#menu4:active {
	background: url(../images/menu4.gif) 0 0 no-repeat;
}



div#go ul {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

div#go li {
	margin: 10px 5px 0 5px;
	padding: 0;
	list-style-type: none;
	text-align:right;
	vertical-align:bottom;
	text-indent: -10000px;
}


#go a {
	display:block;
	width:150px;
	height:30px;
	text-decoration:none;
	text-align:right;
}



#go a#gowp {
	background: url(../images/go1.gif) 0 0 no-repeat;
}
#go a#gowp:hover,a#gowp:active {
	background: url(../images/go1.gif) 0 0 no-repeat;
}



#go a#goww {
	background: url(../images/go2.gif) 0 0 no-repeat;
}
#go a#goww:hover,a#goww:active {
	background: url(../images/go2.gif) 0 0 no-repeat;
}


#go a#gowg {
	background: url(../images/go3.gif) 0 0 no-repeat;
}
#go a#gowg:hover,a#gowg:active {
	background: url(../images/go3.gif) 0 0 no-repeat;
}


#go a#gosp {
	background: url(../images/go4.gif) 0 0 no-repeat;
}
#go a#gosp:hover,a#gosp:active {
	background: url(../images/go4.gif) 0 0 no-repeat;
}

/*------   index おわり　　---------*/


/*------	ヘッダー　　------*/

#header {
	width:780px;
	height:auto;
	padding:10px;
}


.sb-title {
	background:url(../images/sb_title.gif) no-repeat;
	width:780px;
	height:82px;
	margin-bottom:10px;
}
.wp-title {
	background:url(../images/wp_title.gif) no-repeat;
	width:780px;
	height:82px;
	margin-bottom:10px;
}
.ww-title {
	background:url(../images/ww_title.gif) no-repeat;
	width:780px;
	height:80px;
	margin-bottom:10px;
}

.wg-title {
	background:url(../images/wg_title.gif) no-repeat;
	width:780px;
	height:82px;
	margin-bottom:10px;
}



.sb-caption {
	background:url(../images/sb_caption.gif) no-repeat;
	width:780px;
	height:191px;
}
.wp-caption {
	background:url(../images/wp_caption.gif) no-repeat;
	width:780px;
	height:191px;
}
.ww-caption {
	background:url(../images/ww_caption.gif) no-repeat;
	width:780px;
	height:191px;
}
.wg-caption {
	clear:both;
	background:url(../images/wg_caption.gif) no-repeat;
	/*width:780px;
	height:190px;*/
	width:778px;
	height:189px;
}

.title-cap {
	clear:both;
	width:89px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#44bcbd;
	background-color:#FFFFFF;
	padding:2px;
	margin:5px 0 0 0;
	float:left;
}
	
	
.txt-caption {
	padding-left:10px;
	width:660px;
	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	line-height:27px;
	float:right;
}

.c-b {
	clear:both;
	margin:0;
	padding:0;
}



/*------	イラスト　　------*/


#illust {
	clear:both;
	width:780px;
	height:auto;
	background-color:#FFFFFF;
	padding:10px;
}

.sb-illust-sb {
	background:url(../images/sb_illust.gif) no-repeat;
	width:780px;
	height:514px;
}
.wp-illust-sb {
	background:url(../images/wp_illust.gif) no-repeat;
	width:780px;
	height:526px;
}
.ww-illust-sb {
	background:url(../images/ww_illust.gif) no-repeat;
	width:780px;
	height:513px;
}

.wg-illust-sb {
	background:url(../images/wg_illust.gif) no-repeat;
	width:780px;
	/*height:523px;*/
	height:519px;
}


/*------	メイン　　------*/

#main {
	width:780px;
	height:auto;
	padding:10px;
	text-align:center;
	background:#FFFFFF;
}

#main02 {
	width:780px;
	height:auto;
	margin-top:10px;
	padding:10px;
	text-align:center;
}


/*------	図　　------*/



.submain {
	/*width:597px;*/
	width:780px;
	padding:10px 0;
	margin-bottom:5px;
	/*margin:0 95px;*/
}


.sb-graf {
	/*background:url(../images/sb_graf.gif) no-repeat center  ;*/
	background:url(../images/sb_graph.gif) no-repeat center;
	/*width:597px;*/
	width:780px;
	height:248px;
	/*margin:20px 0 8px 0;*/
	margin:40px 0;
}
.wp-graf {
	background:url(../images/wp_graf.gif) no-repeat center  ;
	width:579px;
	height:348px;
	margin:8px 0;
}
.ww-graf {
	background:url(../images/ww_graf.gif) no-repeat center  ;
	width:578px;
	height:369px;
	margin:8px 0;
}

.wg-graf {
	background:url(../images/wg_graf.gif) no-repeat center  ;
	/*width:593px;
	height:292px;*/
	width:412px;
	height:208px;
	/*margin:8px 0;*/
	margin:8px auto;
}

.title-graf {
	color:#1e1e1e;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	/*letter-spacing:0.1em;*/
	line-height:1.5;
	margin:0 20px;
}
.title-graf_l {
	width:70px;
	float:left;
}
.title-graf_r {
	width:670px;
	float:left;
}
.graf-txt {
	margin:0 20px;
	text-align:left;
	line-height:15px;
}




/*------　フォント　　--------*/

.txt-mini {
	font-size:10px;
}

.txt-normal {
	font-size:12px;
	font-weight:normal;
}

.txt-bold {
	font-size:12px;
	font-weight:bold;
}

.txtw-bold {
	font-size:12px;
	font-weight:bold;
	color:#eeeeee;
}


/*------	ＱアンドＡ　　------*/

.sb-qanda {
	background-color:#fbe5e7;
	width:700px;
	height:275px;
	padding:10px 40px;
	text-align:left;
}
.wp-qanda {
	background-color:#addff8;
	width:700px;
	height:335px;
	padding:10px 40px;
	text-align:left;
}
.ww-qanda {
	background-color:#e2eeda;
	width:700px;
	height:305px;
	padding:10px 40px;
	text-align:left;
}

.wg-qanda {
	background-color:#d5ecf4;
	width:700px;
	height:305px;
	padding:10px 40px;
	text-align:left;
}




.sb-qa-title {
	background:url(../images/sb_qa_title.gif) no-repeat;
	width:353px;
	height:35px;
	margin: 0 0 10px 100px;
}

.wp-qa-title {
	background:url(../images/wp_qa_title.gif) no-repeat;
	width:324px;
	height:36px;
	margin: 0 0 10px 100px;
}

.ww-qa-title {
	background:url(../images/ww_qa_title.gif) no-repeat;
	width:301px;
	height:37px;
	margin: 0 0 10px 100px;
}

.wg-qa-title {
	background:url(../images/wg_qa_title.gif) no-repeat;
	/*width:284px;
	height:32px;*/
	width:229px;
	height:23px;
	margin: 0 0 10px 100px;
}

.waku {
	clear:both;
	height:auto;
	margin-top:5px;
}


.sb-q-icon {
	clear:both;
	margin:5px 8px 0 0;
	background:url(../images/sb_q_icon.gif) no-repeat;
	width:29px;
	height:29px;
	float:left;
}

.wp-q-icon {
	clear:both;
	margin:5px 8px 0 0;
	background:url(../images/wp_q_icon.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
}

.ww-q-icon {
	clear:both;
	margin:5px 8px 0 0;
	background:url(../images/ww_q_icon.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
}

.wg-q-icon {
	clear:both;
	margin:5px 8px 0 0;
	background:url(../images/wg_q_icon.gif) no-repeat;
	width:29px;
	height:29px;
	float:left;
}






.sb-q-txt  {
	width:650px;
	margin-top:10px;
	color:#9c3111;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	float:right;
}
.wp-q-txt  {
	width:650px;
	margin-top:8px;
	color:#d20272;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	float:right;
}
.ww-q-txt  {
	width:650px;
	margin-top:8px;
	color:#e20064;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	float:right;
}
.wg-q-txt  {
	width:650px;
	margin-top:8px;
	color:#df0170;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	float:right;
}



.sb-a-icon {
	clear:both;
	margin:2px 8px 0 0;
	background:url(../images/sb_a_icon.gif) no-repeat;
	width:29px;
	height:29px;
	float:left;
}
.wp-a-icon {
	clear:both;
	margin:2px 8px 0 0;
	background:url(../images/wp_a_icon.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
}
.ww-a-icon {
	clear:both;
	margin:2px 8px 0 0;
	background:url(../images/ww_a_icon.gif) no-repeat;
	width:30px;
	height:30px;
	float:left;
}

.wg-a-icon {
	clear:both;
	margin:2px 8px 0 0;
	background:url(../images/wg_a_icon.gif) no-repeat;
	width:29px;
	height:29px;
	float:left;
}

.a-txt {
	width:650px;
	margin-bottom:8px;
	color:#333333;
	text-align:left;
	font-size:12px;
	line-height:16px;
	float:right;
}


/*-------　フッター　　　-------*/


#footer	{
	clear:both;
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:39px;*/
}
.FootText	{
        margin: 5px auto;
        padding:0;
        color:#666666;
        width:800px;
        text-align:center;
}

.FootLine	{
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:16px;*/
		height:21px;
        background-image: url(../images/foot.gif);
        background-repeat: no-repeat;
}

#footer	a:link { 
	color:#333333;
	text-decoration:none;
}
#footer	a:visited { 
	color:#104080;
	text-decoration:none;
}
#footer	a:hover {
	color:#666666;
}
#footer	a:active {
	color:#666666;
}