@charset "utf-8";

/* CSS Document */


/* ----------------------------------------------------------------------------------
共通
---------------------------------------------------------------------------------- */

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

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

img { border: 0px; }

li { list-style-type: none; }

br.clr-l {
  clear: left;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  width: 1px;
  height: 1px;
  margin: 0px -1px -1px 0px;
  padding: 0px;
}

p.indent {
	padding: 15px 0em 15px 2.5em;
}

p.indentB {
	padding: 0px 0em 15px 0.6em;
}

p.indentC {
	padding: 15px 0em 15px 0.6em;
}

body {
    background: #ccc url(../img/bg.gif) repeat left top fixed;
    margin : 0;
    padding : 0; 
	text-align : center;
}

body,td,div,li	{
    font-family: メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"Osaka";
    font-size : 12px;	
	color: #3e3e3e;
    line-height : 150%;		
}

#topLine {
    background-color: #007440;
 	width : 100%;
	height: 3px;   
	margin: 0px auto;
    padding: 0px;
}

#wrapper {
    background: #fff url(../img/header_bg.gif) no-repeat center top;
 	width : 1040px;    
    text-align: left;
	margin: 0px auto;
    padding: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#container {
    background-color: #fff;
 	width : 988px;    
    text-align: left;
	margin: 0px auto;
    padding: 0px;
}

.friscoGreen {
    color: #007440;
}

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

#header {
    background: url(../img/header_menu_bg.jpg) no-repeat right top;
    position: relative;
 	width : 988px;
	height: 145px;
	margin: 0px auto;
    padding: 0px;
}

#logo {
    position: absolute;
    left: 0px;
    top: 28px;
    width: 166px;
    height: 43px;
}

#campanyName {
    position: absolute;
    right: 0px;
    top: 34px;
    width: 270px;
    height: 58px;
}

/* ----------------------------------------------------------------------------------
コンテンツ
---------------------------------------------------------------------------------- */

#pankuzu {
	width : 982px;
	text-align: right;
	font-size: 11px;
	margin: 0px auto;
	padding: 3px 3px;
}


.linkMarkTxt {
    background: #fff url(../img/mark.gif) no-repeat left;
	margin: 0px;
	padding-left: 14px;
}

#contentsArea {
    overflow: hidden;
	background: url(../img/contents_bg.gif) repeat-y top;
 	width : 988px;    
    text-align: left;
	margin: 10px 0px 20px 0px;
    padding: 0px;
}

#leftArea {
    float: left;
    width: 732px;
    margin: 0px;
    padding: 0px;
}

#rightArea {
    float: right;
	background-color: #e9ffec;
    width: 210px;
	text-align: center;
    margin: 0px;
    padding: 5px 10px;
}

.rightButton {
    margin-bottom: 1px;
}

.rightButton2 {
    margin-bottom: 6px;
}

#privacyRightArea {
 	width : 735px;    
    text-align: right;
	margin-top: 20px;
    padding: 0px;
}

.txtSmall {
    font-size: 11px;
}

.boxWr {
    width: 732px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #999;
}

.contactButtonArea {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}

.redS {
    color: #cc0000;
	font-size: 11px;
}

.boxMedia {
    overflow: hidden;
    width: 727px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px dotted #999;
}

.mediaRight {
    float: right;
    padding: 0px 0px 0px 15px;
}

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

#footerTxtLink {
    clear: both;
    width: 988px;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
	padding: 0px;
}

#footerArea {
    width: 1040px;
	height: 110px;
	margin: 0px auto;
    margin-top: 10px;	
    padding: 0px;
	border-top: 3px solid  #007440;
}

#footer {
    position: relative;
    width: 988px;
	height: 110px;
	margin: 0px auto;
    padding: 0px;
}

#copyright {
    position: absolute;
    width: 298px;
	height: 10px;
	right: 0px;
	top: 13px;
}

#address {
    position: absolute;
	left: 0px;
	top: 13px;
	font-size: 11px;
	text-align: left;
}

#pagetop {
    position: absolute;
    width: 74px;
	height: 24px;
	right: 0px;
	bottom: 0px;
}