@charset "UTF-8";


/* タグ共通設定
--------------------------------------*/

* {
	margin:              0px;
	padding:             0px;
}

body {
	background:          #F4DCE7 url(./bg.gif);
	color:               #444444;
	font-family:         メイリオ,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:           12px;
}

address {
	font-style:          italic;
	font-weight:         normal;
}

h1 {
	font-size:           20px;
}
h2 {
	font-size:           16px;
}

img {
	border-style:        none;
}

ul,li {
	list-style-type:     none;
}


/* Anchor 設定
--------------------------------------*/

a {
}
a:link {
	color:               #0066FF;
	text-decoration:     none;
}
a:visited {
	color:               #885588;
	text-decoration:     none;
}
a:active {
	color:               #FF8888;
	text-decoration:     none;
}
a:hover {
	color:               #FF4444;
	text-decoration:     underline;
}


/* 文字装飾設定
--------------------------------------*/

span.au {
	background-color:    #FF8800;
	color:               #FFFFFF;
	font-weight:         bold;
	padding:             0px 5px;
}
span.docomo {
	background-color:    #EEAA00;
	color:               #FFFFFF;
	font-weight:         bold;
	padding:             0px 5px;
}
span.price {
	color:               #FF2222;
	font-weight:         bold;
}
span.softbank {
	background-color:    #888888;
	color:               #FFFFFF;
	font-weight:         bold;
	padding:             0px 5px;
}


/* クラス定義
--------------------------------------*/

.rssHead {
	position:            relative;
}
.rssIcon {
	position:            absolute;
	right:               10px;
	top:                 5px;
}

br.clearBoth {
	clear:               both;
}

div.wrap {
	clear:               both;
	margin:              0px auto 0px auto;
	width:               810px;
}


/* HEADER
--------------------------------------*/

#header {
	background:          url(./header_bg.gif) repeat-y;
	margin:              0px auto 0px auto;
	position:            relative;
	width:               810px;
}
#concept {
	color:               #999999;
	font-size:           10px;
	left:                170px;
	position:            absolute;
	top:                 25px;
}
#aspect {
	left:                170px;
	position:            absolute;
	top:                 73px;
}
#header h1 {
	background:          url(./logo.gif) no-repeat;
	height:              90px;
	left:                10px;
	position:            absolute;
	text-indent:         -999999px;
	top:                 0px;
	width:               150px;
}
#header h1 a {
	display:             block;
	height:              90px;
	width:               150px;
}
#header #headerIndex {
	float:               right;
	margin:              10px 15px 0px 0px;
	vertical-align:      bottom;
}
#headerIndex ul {
	float:               right;
}
#headerIndex ul li {
	float:               left;
}
#headerIndex ul li a {
	padding:             0px 5px;
}
#header #headnews {
	background:          #CCCCCC;
	clear:               both;
	float:               right;
	height:              20px;
	margin:              15px 15px 10px 0px;
	width:               635px;
}
#header #searchArea {
	background:          url(./header_bg_bot.gif) no-repeat left bottom;
	clear:               both;
	padding:             0px 15px 10px 0px;
	text-align:          right;
	width:               795px;
}
#searchArea input {
	vertical-align:      middle;
}


/* CONTENTS MENU
--------------------------------------*/

#indexArea {
	background:          url(./menu_bg.gif) no-repeat;
	clear:               both;
	height:              50px;
	margin:              0px auto 0px auto;
	width:               810px;
}
#indexArea #index {
	padding:             10px;
}
#index ul {
	height:              30px;
	width:               790px;
}
#index ul li {
	float:               left;
}


/* VISUAL CONTENTS
--------------------------------------*/

#visualcontents {
	clear:               both;
	height:              250px;
	margin:              0px auto 0px auto;
	width:               810px;
}


/* CONTENTS
--------------------------------------*/

#contentsArea {
	background:          url(./contents_bg.gif) repeat-y;
	clear:               both;
	margin:              0px auto 0px auto;
	width:               810px;
}
#contentsArea #contents {
	background:          url(./contents_bg_top.gif) no-repeat left top;
	padding:             10px 10px 0px 10px;
	width:               790px;
}


/* FOOTER
--------------------------------------*/

#footer {
	background:          url(./contents_bg_bot.gif) no-repeat left top;
	clear:               both;
	margin:              0px auto 0px auto;
	padding:             20px 5px 15px 0px;
	width:               805px;
}
#footer address {
	text-align:          right;
}