@charset "Shift_JIS";

/* layout*/

* { margin: 0px;}

html, body {
	height: 100%;
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #ffffff;
	background-image: url('../images/background.png');
	color: #555555;
	font-size: 12px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 140%;
}

img { border: 0px;
}
img .border { border: 1px solid #cccccc;
}

p {
	margin: 0px;
	padding: 5px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*---------container------------*/
#container {
	width: 840px;
	position: relative;
	background-color: #ffffff;
	text-align: left;
	margin:20px auto 0px auto;
	padding:20px;
}

#core {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}

a {
text-decoration:none;
}
body a,h3 a:hover,.navigation a:hover {
color:#000;
background:#fd4d7d;
}

body a:hover,#content h2 a:hover,h3 a:hover,h4 a:hover,h3 a {
color:#ffffff;
background:#fd4d7d;
}

a:hover img.opa{
	opacity:0.8;
	filter: alpha(opacity=80);
	background: none;
}

h2 {
	margin-top:10px;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}

/*---------- header ---------*/
#header {
	width:800px;
	margin-bottom: 15px;
}
#header #logoarea {
	width: 300px;
	height: 64px;
	background-color: #ffffff;
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	background-postion: center top;
	text-indent: -99999px;
	margin-bottom: 10px;
	float:left;
}
#header #naviarea {
	width: 480px;
	float:right;
	text-align: right;
}


/*--------- menu -------------*/
#menu {
	clear: both;
	width:800px;
	height:30px;
	background-color:#000000;
	color: #ffffff;
	font-size: 13px;
	padding: 0px;
	margin-bottom: 0px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
}

#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

a.menu0 {
	background: url('../images/menu/menu00.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu0 {
	background: url('../images/menu/menu00_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}

a.menu1 {
	background: url('../images/menu/menu01.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu1 {
	background: url('../images/menu/menu01_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}

a.menu2 {
	background: url('../images/menu/menu02.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu2 {
	background: url('../images/menu/menu02_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}

a.menu3 {
	background: url('../images/menu/menu03.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu3 {
	background: url('../images/menu/menu03_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}

a.menu4 {
	background: url('../images/menu/menu04.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu4 {
	background: url('../images/menu/menu04_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a.menu5 {
	background: url('../images/menu/menu05.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu5 {
	background: url('../images/menu/menu05_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a.menu6 {
	background: url('../images/menu/menu06.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}
a:hover.menu6 {
	background: url('../images/menu/menu06_on.gif') no-repeat;
	display:block;
	width: 110px;
	height: 30px;
	overflow:hidden;
	outline:none;
}

/*-----------contents-------------*/
#main {
	min-height: 500px;
}
#main p {
	font-size: 12px;
	text-indent: 0px;
}
#main p.top {
	font-size: 36px;
	font-weight: bold;
	line-height: 120%;
}

#imageContainer {
position:relative;
margin:auto;
width:800px; /*画像の横幅*/
height: 350px;
border:none; /*画像のまわりのボーダー*/
}

#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
}

#left {
	float: left;
	width: 390px;
	background-color: #333333;
	margin-right: 10px;
	padding: 5px;
	display: inline;
	margin-bottom: 40px;
}
#left p{
	color: #cccccc;
}
#right {
	float: left;
	width:380px;
	padding: 5px;
	}

#left02 {
	float: left;
	width: 390px;
	background-color: #efefef;
	margin-right: 10px;
	padding: 5px;
	display: inline;
}
#left02 p{
	color: #cccccc;
}
#right02 {
	float: left;
	width:380px;
	background-color: #333333;
	padding: 5px;
	display: inline;
	}

#left p.subt {
	border-bottom: 1px dotted #aaaaaa;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}

#web {
	background-color: #60b3d5;
	padding: 10px;
}
#web p {
	color: #000000;
}
#web p.webt {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#iphone {
	background-color: #c14e84;
	padding: 10px;
}
#iphone p {
	color: #ffffff;
}
#iphone p.iphonet {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#photo {
	background-color: #dcc144;
	padding: 10px;
}
#photo p {
	color: #000000;
}
#photo p.photot {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#dtp {
	background-color: #231815;
	padding: 10px;
}
#dtp p {
	color: #ffffff;
}
#dtp p.dtpt {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

/*---------TickerLayout-----------*/

ul#news02 {
	width: px;
	padding: 5px 0px 5px 65px;
	background-color: #222222;
	background-image: url('../images/news.gif');
	background-position: left middle;
	background-repeat: no-repeat;
	color: #cccccc;
	border-top: 1px solid #fd4d7d;
	list-style-type: none;
	font-size: 11px;
}

ul#news02 a {
	font-size: 11px;
	color:#cccccc;
	text-decoration: underline;
	background-color: #222222;
}



/*------captions-----*/
.caption {
	font-size: 11px;
	color: #777777;
}

.caption_b {
	font-size: 13px;
	color: #cccccc;
	font-weight: bold;
	font-family: Times New Roman;
}



/*-------- footer-----------*/
#footer {
	clear: both;
	width:100%;
	background-color: #333333;
	padding-top: 5px;
	margin-bottom: 0px;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #cccccc;
}