/***********************************************/
/* smens-website　design.css                             */
/***********************************************/

/***********************************************/
/* 共通項目                            */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #4B4B4B;
	line-height:1.5em;
	margin: 0px auto;
	padding: 0px;
	background-color:#f7fbf7;
	font-size:12px;
}

/* 基本リンクカラー */

a:link {color: #006699;text-decoration: none;}
a:visited {text-decoration: none;color: #006699;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}


h2{
margin:0;
padding:0;
}

h4 {
	padding: 2px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #0099CC;
	margin: 10px;
	border-top-style: none;
	font-size: 12px;
	border-bottom-width: thin;
	border-right-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #0099CC;
}


h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: none;
}

ul ul{
 list-style-type: disc;
}

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

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* ページのレイアウト */
/***********************************************/

#all {
	width: 800px;
	border:1px solid #808080;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url(../images/back_05.jpg);
}

#masthead{
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	width: 790px;
	height:150px;
	margin-bottom:10px;
	background-image:url(../images/top_18.jpg);
	float: left;
}

#masthead img {
    margin-left:15px;
	margin-bottom:15px;
}

#navBar{
  float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

#headlines{
	margin: 0px;
	padding: 10px 0px 20px;
	font-size: 10px;
	float:left;
	width: 170px;
	text-align:center;
	background-image:none;
	background-repeat: no-repeat;
	background-color: #FFFBF0;
}

#content{
	float: left;
	width: 610px;
	background-color: #FFFFFF;
}

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

#headcomments{
    text-align:right;
	padding-right:20px;
	margin-top:5px;
}
#headcomments h1 {
	text-align:right;
	margin-left:0px;
	font-size:9px;
	padding:0;
	font-weight:lighter;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 0px;
	}
	
#headcomments strong {
	font-size:9px;
	margin:0;
	padding:0;
	font-weight:lighter;
	}


/* 左メニュー                            */
/***********************************************/ 

#headlines p{
  font-size:10px;

}

#headlines{
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}

/* ↑↑ここまで会員登録セクション↑↑ */

/* ↓↓ここからメインメニューセクション↓↓ */

#headlines #navigation {
	padding:5px;
	color:#4b4b4b;
	float:left;
	border: 1px solid #A0A0A4;
	width: 158px;
	background-color: #f7fbf7;
	margin-bottom: 5px;
}

#headlines #repolink {
	padding:5px;
	color:#4b4b4b;
	float:left;
	width: 158px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-color: #fdd7c4;
	border-right-color: #fdd7c4;
	border-bottom-color: #fdd7c4;
	border-left-color: #fdd7c4;
	background-color: #FFFFFF;
	font-size: 10px;
}

.mainmenu {
  margin: 0;
  padding: 0;
  list-style-type:none;
  text-align:left;
}

.mainmenu li {
  margin: 1px 0 0;
  width: 150px;
  height: 22px;
  border-top:1px solid #003366;
  
}

.mainmenu li a {
  text-decoration: none;		
  display: block;
  width: 150px;
  height: 22px;
  background-image:url(../images/mainmenu.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top:7px;
  color:#4b4b4b;
}

.mainmenu li a:link{
  text-decoration: none;		
  display: block;
  width: 150px;
  height: 22px;
  background-image:url(../images/mainmenu.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top:7px;
  color:#4b4b4b;
}

.mainmenu li a:visited{
  text-decoration: none;		
  display: block;
  width: 150px;
  height: 22px;
  background-image:url(../images/mainmenu.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top:7px;
    color:#4b4b4b;
}

.mainmenu li a:hover{
  text-decoration: none;		
  display: block;
  width: 150px;
  height: 22px;
  background-image:url(../images/mainmenu_on.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top:7px;
    color:#4b4b4b;
}

/* ↑↑ここまでメインメニューセクション↑↑ */


/************** .コンテンツ *****************/

.story{
	padding: 10px 5px;
	font-size: 80%;
	width:600px;
	border-top:2px dotted #CCCC33;
}


.story p{
	padding: 2px 0px 5px;
	margin:5px 5px 5px 10px;
}

#content .story #naiyou {
	font-size: 12px;
	background-attachment: fixed;
	background-image: url(../images/bk_couple.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}
#content .story #naiyou {
	font-size: 12px;
	background-attachment: fixed;
	background-image: url(../images/bk_couple.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin: 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: auto;
}


#all #content .story #naiyou h3 {
	background-attachment: fixed;
	background-image:url(../images/ico_subtitle3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding-left: 20px;
	margin-left:3px;
	font-size:12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding-top: 3px;
	
}
#all #content .story #naiyou p {
	padding: 0px;
	margin-top: 2px;
	margin-right: 100px;
	margin-bottom: 2px;
	margin-left: 10px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:1.5em;
}

#all #content .story #naiyou img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

/************** .背景は白のコンテンツ*****************/

#content .story #naiyou2 {
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin: 0px 0px 10px;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}


#all #content .story #naiyou2 h3 {
	background-attachment: fixed;
	background-image: url(../images/ico_subtitle3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding-left: 20px;
	margin-left:3px;
	font-size:12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding-top: 3px;
	color: #003366;
	padding-bottom: 3px;
	
}
#all #content .story #naiyou2 p {
	padding: 0px;
	margin-top: 2px;
	margin-right: 200px;
	margin-bottom: 2px;
	margin-left: 10px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:1.5em;
}

#all #content .story #naiyou2 img {
    margin:0;
	padding:0;
}

#all #content .story #naiyou2 table {
    margin-right:2px;
}

/************** .背景は白で、横に写真がはいらないコンテンツ*****************/

#content .story #naiyou3 {
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin: 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
}


#all #content .story #naiyou3 h3 {
	background-attachment: fixed;
	background-image: url(../images/ico_subtitle3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding-left: 20px;
	margin-left:3px;
	font-size:12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding-top: 3px;
	color: #003366;
	padding-bottom: 3px;
	
}
#all #content .story #naiyou3 p {
	padding: 0px;
	margin-top: 2px;
	margin-right: 40px;
	margin-bottom: 2px;
	margin-left: 10px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height:1.5em;
}

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

#alllinks {
	float:left;
	width:788px;
	font-size: 9px;
	background-color: snow;
	padding: 5px 10px;
	text-align:left;
	border-top:1px solid #cccccc;
}

#alllinks a {
	padding: 5px;
}

#footer{
	float:left;
	border-top: 1px solid #cccccc;
	padding: 10px;
	background-image:url(../images/tourokuback.gif);
	width: 790px;
}

#footer img{
	padding:0;
	vertical-align: middle;
}

#footer p{
  text-align:right;
  font-size:12px;
  color:#4b4b4b;
  margin:0;
  padding:0;
}

#footer a{
	color: #4b4b4b6;
	text-decoration: none;
}

#footer a:link{
color:#4b4b4b;
	text-decoration: none;
}

#footer a:visited{
	color: #4b4b4b;
	text-decoration: none;
}

#footer a:hover{
	color: #4b4b4b;
	text-decoration: underline;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	padding-top:10px;
	font-size: 90%;
}

#sectionLinks h3{
     font-family: Arial,sans-serif;
 font-size: 14px;
 color: #006699;
 padding:7px 5px 7px 20px;
 margin:0;
 background-image: url("../images/menu.gif");
 background-repeat:no-repeat;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}


/************** #headlines styles **************/


#headlines p{
	padding: 1px 0px;
	margin: 0px;
}


#all #content .story #naiyou2 .partylist p {
	margin: 0px;
}

/* コンテンツ写真イメージ　テーブル
---------------------------------------------------- */

#partyimg {
	float: right;
	width: 150px;
	margin:5px 20px 5px 5px;
	padding-right:10px;
}

#partyimg td {
	padding: 3px;
	font-size:9px;
	color:#CC0000;
}

#all #headlines #partyrepo {
    margin:0;
	padding:0;
	background-color:FCF7FB;
	margin-bottom:20px;
}
#all #headlines #partyrepo ul {
	margin: 10px 0px;
	text-align: left;
}

#all #headlines #partyrepo li {
	list-style-position: inside;
	font-size: 9px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 2px;
	color: #FF9999;
}
#all #headlines #partyrepo img {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#all #headlines #partyrepo a {
	padding-left: 5px;
}

#all #headlines #partyrepo .new {
	list-style-image: url(../images/aicon_57.gif);
}

#all #headlines #partyrepo .nomal {
	padding-left: 11px;
}
#all #headlines #partyrepo p {
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	font-size: 9px;
	color: #FF6600;
}#all #headlines #komagoma ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-position: inside;
}
#all #headlines #komagoma li {
	padding-left: 5px;
	margin-left: 10px;
	list-style-position: outside;
	list-style-image: url(../images/ico_red.gif);
	padding-top: 3px;
	padding-bottom: 3px;
}

/* 入力部品の幅設定
---------------------------------------------------- */
#mail1, #mail2, #city, #number, #bldg, #comment {
  width: 290px;
}
#pass1, #pass2 {
  width: 180px;
}
#name1, #name2, #name3, #name4, #year, #month, #day {
  width: 70px;
}
#post1, #post2 {
  width: 60px;
}
#state {
  width: 120px;
}
#tel1, #tel2, #tel3, #fax1, #fax2, #fax3 {
  width: 60px;
}

/* 送信ボタン
---------------------------------------------------- */
#submit input {
  margin-left: 0.5em;
  border-width: 2px;
  border-color: #ffb87c #d26000 #d26000 #ffb87c;
  width: 6em;
  vertical-align: middle;
  color: #ffffff;
  background: #ff7400;
}
#submit {
  margin-top: 1em;
  color: #444444;
  background: url(../images/bg-submit1.gif) no-repeat;
}
#submit p {
  margin: 0;
  padding: 10px;
  text-align: right;
  background: url(../images/bg-submit2.gif) no-repeat left bottom;
}

/* サイトマップ
---------------------------------------------------- */
dl{
	width: 478px;
	margin: 20px 0 0 8px;
	padding: 12px 14px 10px 16px;
	border: 1px solid #CCCCCC;
	color: #666666;
	background-image:url(../images/ico_subtitle2.gif)
		background-position:0 0;
		background-repeat: no-repeat;
}

dt{
			margin: 0 auto 30px auto;
			border-bottom: 1px solid #CCCCCC;
			border-top: 1px solid #CCCCCC;
			font-weight: bold;
			font-size: 12px;
			color: #999999;
			letter-spacing: 1px;
			text-align:left;
}

dd{margin-bottom:15px;}
dd a{color:#666}
#renta td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#navi {
	padding: 5px;
}

#navi ul {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-position: outside;
	list-style-image: url(../images/arrow_blue.gif);
}
#navigation .mainnavi li {
	background-attachment: fixed;
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 12px;
	text-align: left;
	vertical-align: text-botom;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	list-style-type: none;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
#navigation .mainnavi {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-attachment: fixed;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	width: auto;
}
.m0p0 {
	margin: 0px;
	padding: 0px;
}
#navigation .meinmenubox {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}
#navigation .submenu {
	letter-spacing: normal;
	text-align: left;
}
#navigation .submenu ul {
	margin: 0px;
	padding: 0px;
}
#navigation .submenu li {
	background-attachment: fixed;
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


.left {
	text-align: left;
	margin:0;
	padding:0;
	font-size:10px;
}
#repolink .repolinklink {
	text-align: left;
	margin: 10px 0px 0px;
	padding: 0px;
	font-size: 10px;
}
#repolink .repolinklink li {
	list-style-position: inside;
	list-style-type: none;
}
.new {
	padding-left: 10px;
	list-style-position: inside;
	list-style-image: url(../images/aicon_57.gif);
}

.repolinklink a:link {
    color:#FF7F55;
	text-decoration: none;
}
.repolinklink a:visited {
	text-decoration: none;
	color: #FF7F55;
}
.repolinklink a:hover {
	text-decoration: underline;
}
.repolinklink a:active {
	text-decoration: none;
}
.repolinklink li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.right {
	text-align: right;
}