@charset "EUC-JP";

/* --------------------------------------------------------

   =01 Content

-------------------------------------------------------- */

body {
	background: #fff;
}

#globalHeader {
	background: #fff none;
}

#mainWrapper {
	width: 100%;
}

div#mainContainer {
	padding-top: 0;
}

#directoryBox {
	width: 940px;
	margin: 0 auto;
}

#directoryBox li {
	white-space: nowrap;
}

#mainWrapper div#spMain {
	margin-top: 10px;
	background-image: url(/img/portal/loctouch/bg_texture.png);
	background-repeat: repeat-x;
	background-position: 0 370px;
}

#mainWrapper div#spMain2 {
	background-image: url(/img/portal/loctouch/bg_blue_repeat.jpg);
	background-repeat:repeat-x;
}

#mainWrapper div#main {
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

div.touchHeader {
	height: 430px;
	background-image: url(/img/portal/loctouch/bg_blue.jpg);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	position: relative;
}

div.touchHeader h1 {
	padding: 80px 0 0;
}

div.touchEntry {
	width: 476px;
	text-align: center;
	color: #ffffff;
}

div.touchEntry p.entryButton {
	margin: 0 0 10px -50px;
}

div.touchEntry p.subLinks {
	display: table;
	margin: 0 auto;
	text-align: left;
	line-height: 2;
}

div.touchEntry p.subLinks a:link,
div.touchEntry p.subLinks a:visited,
div.touchEntry p.subLinks a:active {
	color: #ffe285!important;
	font-weight: bold;
}
div.touchEntry p.subLinks a:hover {
	color: #ff9100!important;
}

ul.socialButton {
	top: 385px;
	left: 0;
	width: 476px;
	text-align: center;
	position: absolute;
}

ul.socialButton li {
	display: inline;
	padding: 0 2px;
}

/* touch Content */

div.touchContent {
	margin: 0;
	width: 960px;
	padding: 0 0 30px;
}

div.touchContent h2 {
	padding-bottom: 10px;
}

div.touchContent p {
	font-size: 14px;
	line-height: 1.5;
}

div.touchFunc0 {
	margin: 0 0 20px;
	padding: 15px 20px;
	background-color: #ffffff;
	background-image: url(/img/portal/loctouch/img_log.png);
	background-position: 15px 40px;
	background-repeat: no-repeat;
	border: 4px solid #e4e4e4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
} 

div.touchFunc0 p {
	padding: 0 0 0 556px;
}

div.touchFunc0 ul {
	padding: 10px 0 10px 586px;
	list-style: disc outside;
	line-height: 1.5;	
}

div.touchFunc1 {
	float: left;
	width: 420px;
	padding: 15px 20px;
	background-color: #ffffff;
	border: 4px solid #e4e4e4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

div.touchFunc2 {
	float: right;
	width: 420px;
	padding: 15px 20px;
	background-color: #ffffff;
	border: 4px solid #e4e4e4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

div.touchFunc1 p,
div.touchFunc2 p {
	padding: 0 0 15px;
}

.widgetWrap {
	width: 420px;
	height: 370px;
}
.widget_01 {
	float: left;
}
.widget_02 {
	float: right;
}

div.partsBtn {
	text-align: center;
	clear: both;
}

/* --------------------------------------------------------

   =03 Footer

-------------------------------------------------------- */

#footerMenu {
	background: #e0e4e7 url(/img/portal/iphone/footer_bg.gif) repeat-x left top;
}

#footerMenu #footerNav {
	background: #e0e4e7 none;
}

#footerWrapper .r_top {
	background: url(/img/portal/iphone/footer_top.gif) no-repeat left top;
}

#footerWrapper .r_btm {
	background: url(/img/portal/iphone/footer_bottom.gif) no-repeat left bottom;
}

#footerWrapper .r_body {
	background: url(/img/portal/iphone/footer_middle.gif) repeat-y left top;
}

#footerWrapper .menuBox h2 {
	color: #fff;
}

#footerWrapper .menuBox .menuB .box ul li  {
	background: url(/img/cmn/dotw.gif) no-repeat -5px 2px;
}

#footerWrapper .menuBox .menuB .box a {
	color: #94e4fe;
}

div#footerWrapper dl.livedoorService li a {
	color: #17b1fa;
}

#footerMenu ul.nav li a {
	color: #17b1fa;
}

/* clearFix */
.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* jQuery slide show*/
#slideshow {
}

#slideshow img {
	top: 0;
	left: 500px;
	z-index: 8;
	opacity: 0;
	position:absolute;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
	z-index:9;
}

/* for blog campaign 20111111  */

div.spHeader h1 {
	background-image:url(/img/portal/loctouch/img_main01_1.png);
	background-repeat: no-repeat;
	}

div.campEntry {
	position: absolute;
	top: 235px;
	left: 0;
	z-index: 50;
	width: 445px;
	text-align: center;
	}
	div.campEntry h2 {
		margin-bottom:20px;
		}