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

/*===================================
basic_css commonLayout

_1. reset
_2. setup

_3. common
　-3-1　containerq
　-3-2　header
　-3-3　page-up
  -3-4　contents
　-3-5　footer

_4. mypage
_5. myPhotos
_6. myPlce


/*=========================================
_1. reset
=========================================*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
em,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333;
}

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

img {
	margin:0px;
	padding:0px;
	border:0;
}

.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

hr {
	display:none;
}

/*=========================================
_2. setup
=========================================*/

a,
a:link,
a:visited {
	color:#2999d7;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#FF0000;
	text-decoration:underline;
}

/*=========================================
 3_1. containerq
=========================================*/
body{
	background:#FFF;
}


/*=========================================
 3-2　header
=========================================*/

#head_bg{
	height:80px;
	background:url(http://serversman.com/iphone/image/head_bg.gif) left top repeat-x;
}


#head_wrapper{
	width:780px;
	_width:800px;/*forIE*/
	height:80px;
	padding-left:20px;
	margin:0 auto;
	text-align:center;
	background:url(http://serversman.com/iphone/image/head_main_bg.gif) left top no-repeat;
}

h1{
	margin-top:13px;
	float:left;
}

.url{
	float:right;
	margin-right:20px;
	margin-top:30px;
}

/*=========================================
 3-3　page-up/page-navi
=========================================*/

.page-up{
	width:800px;
	height:30px;
	margin:0 auto;
	text-align:right;
}

.page-up p{
	font-size:10px;
}

.page-navi{
	width:800px;
	height:20px;
	_height:40px;/*forIF*/
	margin:0 auto;
	text-align:left;
	padding-top:20px;
}

.page-navi p{
	font-size:10px;
}

/*=========================================
 3-4　contents
=========================================*/

#contents_wrapper{
	width:806px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#main_box_top{
	width:806px;
	height:15px;
	background:url(http://serversman.com/iphone/image/main_box_top.gif) left top no-repeat;
	margin-top:30px;
}

#main_box_top2{
	width:806px;
	height:15px;
	background:url(http://serversman.com/iphone/image/main_box_top.gif) left top no-repeat;
	margin-top:10px;
}



#main_box_middle{
	width:760px;
	_width:806px;/*forIE*/
	padding-top:20px;
	padding-left:23px;
	padding-right:23px;
	background:url(http://serversman.com/iphone/image/main_box_middle.gif) left top repeat-y;
}

#main_box_bottom{
	width:806px;
	height:30px;
	background:url(http://serversman.com/iphone/image/main_box_bottom.gif) left top no-repeat;
	margin-bottom:20px;
}


/*=========================================
 3-5　footer
=========================================*/

#foot_bg{
	height:24px;
	_height:36px;/*forIE*/
	text-align:center;
	background:url(http://serversman.com/iphone/image/foot_bg.gif) left top repeat-x;
	padding-top:12px;
	font-size:10px;
}

#foot_bg p{
	font-size:10px;}

/*=========================================
 _4. mypage
=========================================*/

h2{
	font-size:18px;
	font-weight:bold;
	margin:0;
}

.line_760{
	border-bottom:#c5c3c3 1px solid;
	margin-bottom:30px;
	margin-top:15px;
}

#navi_box3{
	width:620px;
	_width:680px;/*forIE*/
	padding-left:60px;
	padding-bottom:30px;
	margin:0 auto;
	text-align:center;
}

#navi_box{
	width:470px;
	_width:580px;/*forIE*/
	padding-left:110px;
	padding-bottom:30px;
	margin:0 auto;
	text-align:center;
}

.navi{
	float:left;
	margin-right:50px;
	background-color:#333;
	font-size:14px;
	line-height:150%;
}

.navi a,.navi a:link,.navi a:visited{
	color:#fff;
	text-decoration:none;
}

.navi a:hover,.navi a:active {
	color:#FF0000;
	text-decoration:none;
}

#message{
	width:540px;
	_width:580px;/*forIE*/
	padding:20px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin:0 auto;
	background-color:#333;
	text-align:center;
}

.link{
	font-size:14px;
	margin-bottom:30px;
}

/*=========================================
 _4. myPhotos
=========================================*/

#photo{
	width:650px;
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;
}

#photo ul li{
	list-style:none;
}

#photo li{
	padding:15px;
	border-bottom:#666 1px dotted;
	width:620px;
	_width:650px;/*forIE*/
	background:url(http://serversman.com/iphone/image/arrow.gif) right bottom no-repeat;
}

/*=========================================
 _4. myPlace
=========================================*/

.place{
	width:700px;
	_width:730px;/*forIE*/
	padding:15px;
	border:#333 1px solid;
	margin:0 auto;
}

#place_tit a,#place_tit a:link,#place_tit a:visited{
	color:#fff;
	text-decoration:none;
}

#place_tit a:hover,#place_tit a:active {
	color:#FF0000;
	text-decoration:none;
}

/*--------------------------------------------
 class
---------------------------------------------*/

.ma_20{
	margin:20px;
}