@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	margin-left: 0;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding-left: 2.375%;
	padding-right: 2.375%;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
#upcup {
	background-color: #FF6600;
	color: #FFFFFF;
	font-size: 90%;
	padding-left: 4px;
}
#topleft {
	display: none;
}
#topleft02   {
	float: right;
	font-size: 85%;
	margin-top: 5px;
	}
.topleft {
	float: left;
}
.clear {
	clear: both;	
}
/* --- ナビゲーションバー --- */
#mainnav {
	width: 100%; /* ナビゲーションの幅 */
	background: #f9f9f9 url(https://cash-t.com/images/hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */
	border-top: 1px #cccccc solid; /* 上境界線 */
	border-bottom: 1px #cccccc solid; /* 下境界線 */
	clear: both;
	font-size: 90%;
	margin-bottom: 7px;
}

/* --- メニューエリア --- */
#mainnav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #f9f9f9 url(https://cash-t.com/images/hor_menu3_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左境界線 */
border-right: 1px #ffffff solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
#mainnav ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
#mainnav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px; /* リンクエリアのパディング（上下、左右） */
border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */
border-bottom: 1px #555555 solid; /* リンクエリアの下境界線 */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
#mainnav ul.nl li a:hover {
	background: #f9f9f9 url(https://cash-t.com/images/hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */
	text-decoration: underline; /* テキストの下線（あり） */
	padding-left: 0px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
#top h1 {
	width: 90px;
	float: left;
}
#main {
	width: 100%;

}
#sidebar {
	width: 100%;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 90%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
#pan {
	font-size: 90%;
	margin-bottom: 15px;
}
address {
	border-top: 3px solid #000000;
	margin-top: 1px;
	padding-top: 5px;
	width: 100%;
}
.searchbox01  {
	background-color: #FFFDF4;
	border: 1px solid #FF8800;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 180%;
	margin-bottom: 15px;
}
.float   {
	float: left;
	width: 50%;
}
.td6 {
	background-image: url(images/td6.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 160px;
	width: 100%;
}
.td04 {
	background-color: #F7F7F7;
	border: 1px solid #666666;
	padding: 3px;
}
#search002 {
	background-color: #F7F7F7;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #666666;
	display: none;
	margin-bottom: 15px;
}
.searchbox01text {
	text-indent: 23px;
	display: none;
}
#box002 {
	border: 1px solid #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
	padding-right: 3px;
	}
.float002 {
	float: none;
	width: 100%;
}

.floatside02 {
	display: none;	
}
#box003 {
	border: 1px solid #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 15px;
	}
.float003 {
	float: none;
	width: 100%;
}
#box004 {
	border: 1px solid #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
	clear: both;
	margin-bottom: 10px;
}
.tittle01 {
	font-weight: bold;
	font-size: 110%;
	background-color: #FFA000;
	color: #FFFFFF;
	background-image: url(images/t01.gif);
	background-repeat: no-repeat;
	text-indent: 32px;
	text-shadow: 1px 1px 1px #A2A2A2;
}
.tittle02 {
	font-weight: bold;
	background-color: #996666;
	color: #FFFFFF;
	background-image: url(images/t02.gif);
	background-repeat: no-repeat;
	text-indent: 24px;
	text-shadow: 1px 1px 1px #A2A2A2;
}
.tittle03 {
	font-weight: bold;
	background-color: #84894B;
	color: #FFFFFF;
	background-image: url(images/t03.gif);
	background-repeat: no-repeat;
	text-indent: 32px;
	text-shadow: 1px 1px 1px #A2A2A2;
}
.tittle04 {
	font-weight: bold;
	background-color: #FFA000;
	color: #FFFFFF;
	clear: both;
	text-indent: 8px;
	}
.tittle05 {
	display: none;	
	}

.list01 {
	width: 32%;
	font-size: 87.5%;
	margin-right: 1%;
	float: left;
}
.list01g {
	color: #FFFFFF;
	font-size: 87.5%;
	background-color: #888888;
	padding-left: 2px;
	font-weight: bold;
}
.redbold {
	font-weight: bold;
	color: #FB4100;
}
.smalltext01 {
	font-size: 90%;
}

.td2 {
	padding: 2px;
	border: 1px solid #666666;
	max-width: 218px;
}
.tdrank {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	padding-right: 1px;
	padding-left: 1px;
	min-width: 15px;
	border-top: 1px solid #666666;
}
.botton_center {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 30px;
}
#toph1p {
	width: 90px;
	float: left;
}
/* ここからtopへ戻る用のコード */
#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 13px;    /* ←右端からの距離 */
      width: 5em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
      background-color: #999999; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 16px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 100%;       /* ←文字サイズ */
      font-weight: bold;     /* ←文字の太さ */
      margin: 0px;    /* ←外側の余白 */
      padding: 5px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: teal;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }

/* ここまでtopへ戻る用のコード */
caption {
	text-align: left;
}
.img01 {
	width: 40%;
	float: right;
	margin-left: 3px;
}
.bgcolor01 {
	background-color: #fff8dc;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.bgcolor02 {
	background-color: #f5f5f5;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.bgcolor03 {
	background-color: #f0f8ff;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.pc_on {
	display: none;
}
.ke_on {
	display: table-row;
}
.float_clear {
	clear: both;
}
.img80 {
	width: 100%;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 641px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#main {
	width: 70%;
	float: left;
}
#sidebar {
	width: 26%;
	margin-left: 2%;
	float: right;
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
#top h1 {
	width: 120px;
	float: left;
}


#topleft {
	float: left;
	width: 70%;
	margin-top: 5px;
	margin-left: 10px;
	display: inline;
}
#search002 {
	background-color: #F7F7F7;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #666666;
	display: block;
}
.searchbox01text {
	text-indent: 23px;
	display: block;
}
.tittle05 {
	color: #000000;
	text-indent: 12px;
	font-size: 90%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #A9E1F3;
	width: 180px;
	display: block;
	}
#box002 {
	border: 1px solid #333333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
.float002 {
	float: left;
	width: 46%;
}
#box003 {
	border: 1px solid #333333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
.float003 {
	float: right;
	margin: 0 0 0 auto;
	width: 51%;
}
.floatside01 {
	width: 100%;
}
.floatside02 {
	display: block;
	font-size: medium;
}
.floatside03 {
	width: 100%;
}
#toph1p {
	width: 120px;
	float: left;
}
.floatcard01 {
	float: left;
	width: 75%;
}
.floatcard02 {
	float: right;
	width: 20%;
}
.pc_on {
	display: table-row;
}
.ke_on {
	display: none;
}
.img80 {
	width: 80%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 720px) {

.gridContainer {
	width: 88.5%;
	max-width: 940px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#main {
	width: 70%;
	float: left;
	margin-bottom: 0px;
}

#sidebar {
	width: 26%;
	margin-left: 2%;
	float: right;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
#top h1 {
	width: 140px;
	margin: 0;
	float: left;
}
#topleft {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	display: inline;
	padding-left: 15px;
	border-left: 1px solid #333333;
	width: 70%;
}
#topleft02   {
	float: right;
	font-size: 90%;
	margin-top: 5px;
	}
#search002 {
	background-color: #F7F7F7;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #666666;
	display: block;
	font-size: 100%;
	line-height: 150%;
}
.searchbox01text {
	text-indent: 23px;
	display: block;
	color: #555555;
}
.tittle05 {
	color: #000000;
	text-indent: 12px;
	font-size: 90%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #A9E1F3;
	width: 180px;
	display: block;
	}
#box002 {
	border: 1px solid #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	}
.float002 {
	float: left;
	width: 47%;
}
#box003 {
	border: 1px solid #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
}
.float003 {
	float: right;
	margin: 0 0 0 auto;
	width: 51%;
}
.floatside01 {
	width: 100%;
}
.floatside02 {
	display: block;
	font-size: 90%;
}
.floatside03 {
	width: 100%;
}
#toph1p {
	width: 140px;
	float: left;
}
.floatcard01 {
	float: left;
	width: 75%;
}
.floatcard02 {
	float: right;
	width: 20%;
}
.floatcard03 {
	width: 31%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
}
.pc_on {
	display: table-row;
}
.ke_on {
	display: none;
}
.img80 {
	width: 80%;
}

}