




/*
     FILE ARCHIVED ON 23:55:03 8 25, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 3:10:46 4 9, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
* {
margin: 0;
padding: 0;
}

img {
vertical-align: top;
}

a img {
	text-decoration: none;
	border: none;
}

a:hover img{
    opacity:0.6;
    filter: alpha(opacity=60);
}


ul, li {
	list-style-type: none;
}

.clear{
	clear:both;
}

body {
	text-align: center;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

a:link, a:visited, a:active {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #194F85;
	text-decoration: none;
}

.center {
	text-align: center;
}



/* Paragraphs, headings, ... */

h1 {
	font-size: 10px;
	height:14px;
	color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	background-color: #06182E;
}

p {
line-height: 120%;
}


.red {
	color: #B50000;
}

/* Site wrapper, content paragraph background */

#wrapper {
	width: 100%;
	position: relative;
	display: table;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrapper-in {
	padding-bottom: 0px;
}

/* Header */

#header {
background-image: url(http://flashcreation.net/img/body_background.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#header-in {
	position: relative;
	height:124px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://flashcreation.net/img/header_background.gif);
	background-repeat: no-repeat;
	background-position: 220px 17px;
}

#header_logo {
	float: left;
	height:63px;
}

#header_logo h2.logo {
	text-align: left;
	width: 186px;
	height:63px;
}

#header_logo h1 a:link, #headerh1 h1 a:visited, #headerh1 h1 a:active, #headerh1 h1 a:hover {
	text-decoration: none;
}


#header_list {
	padding-left:15px;
	padding-top:24px;
	height:39px;
}

#header_list ul {

}

#header_list ul li{
	display: inline;
	margin-left:15px;
}

/* Menu */

#menu {
	height: 61px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}

#menu ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

/* Content */

#contentbody {
	width: 100%;
	background-image: url(http://flashcreation.net/img/menu_shadow.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
}

#contentbody-in {
	width:950px;
	margin-right: auto;
	margin-left: auto;
}


/* Content Right*/
#contentright {
	float: right;
	width: 705px;
	text-align: left;
	margin-top:15px;
	padding-bottom: 20px;
	background-color: #FFF;
	padding-left: 25px;
}

h2.page_title {
	padding-top: 15px;
	padding-bottom: 15px;
}

h3.page_subtitle {
	margin-top: 15px;
	padding:15px 0 15px 25px;
	color: #06182E;
	background-image: url(http://flashcreation.net/img/page_subtitle_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


.contentright_body {
	width :680px ;
}


#contentright h3.contents_title {
	padding-top: 25px;
}

#contentright dl {
	padding-left:20px;
}

#contentright dt {
	padding-top: 15px;
	font-weight: bold;
	color: #194F85;
}

#contentright dd {
}


/* link banner */
#ft_bn{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
}

.oss{
	width:210px;
	height:80px;
	float:left;
	padding:5px;
}

.l_tit{
	color:#2D75C1;
	font-size:10px;
	text-align:left;
}

h4.rec{
	text-align:left;
}

h4.rec a{
	font-size:10px;
}

#bn {
	padding-top: 15px;
}

#bn .bn_t {
	color:#2D75C1;
	padding-bottom: 15px;
}


/* inquiry */
#inq{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
}

p.inquiry_txt {
	padding-top: 20px;
	padding-bottom: 20px;
}

.inquiry {
	width:276px;
	height:51px;
	background-image: url(http://flashcreation.net/img/inquiry_bn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

.inquiry p.inquiry_bn {
	margin-top: 14px;	
	margin-left: 45px;	
}

p.inquiry_bn a:link, p.inquiry_bn a:visited, p.inquiry_bn a:active {
	color: #ffffff;
	text-decoration: underline;
}

p.inquiry_bn a:hover {
	color: #619ADA;
	text-decoration: none;
}

.request {
	width:276px;
	height:51px;
	background-image: url(http://flashcreation.net/img/request_bn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	padding-right:70px;
}

.request p.request_bn {
	margin-top: 14px;	
	margin-left: 15px;	
}

p.request_bn a:link, p.request_bn a:visited, p.request_bn a:active {
	color: #ffffff;
	text-decoration: underline;
}

p.request_bn a:hover {
	color: #619ADA;
	text-decoration: none;
}

.request p a{
	padding-left: 47px;
	color: #FFF;
}

/* pankuzu*/
#contentright-pankuzu {
	background-image: url(http://flashcreation.net/img/contentright-body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#contentright-pankuzu p.pankuzu {
	font-size: 12px;
	padding-left: 5px;
	height: 34px;
	padding-top: 10px;
}

#contentright-pankuzu p.pankuzu a:link, #contentright-pankuzu p.pankuzu a:visited, #contentright-pankuzu p.pankuzu a:active {
	color: #333333;
	text-decoration: underline;
}

#contentright-pankuzu p.pankuzu a:hover {
	color: #A60000;
	text-decoration: none;
}

#contentright-body {
	width: 490px;
	margin-right: auto;
	margin-left: auto;
}

.shadow {
	background-image: url(http://flashcreation.net/img/contentright-body-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 45px;
	width: 100%;
}



/* menu */

#contentleft {
	float: left;
	width: 200px;
	background-color: #FFF;
	text-align: left;
}

#contentleft h3.menu_title {
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentleft ul li.list {
	background-image: url(http://flashcreation.net/img/menu_blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-left: 10px; margin-right:10px;
	padding-left: 15px;
	margin-bottom: 10px;
	
}

#contentleft #w3c {
	padding-top: 20px;
}

#contentleft #w3c ul li.w3c  {
	display: inline;
}



#contentleft .banner1 {
	padding-top: 24px;
}

#contentleft .banner2 {
	padding-top: 14px;
}

/* Footer */

#footer {
	background-image: url(http://flashcreation.net/img/footer_background.gif);
	background-repeat: repeat-xy;
	background-position: 0px 0px;
	clear: both;
	padding-top: 20px;
	padding-bottom: 15px;
	width: 100%;
	float: none;
	background-color: #06182E;
	text-align: left;
}

#footer .copy {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}

#footer .copy ul { 
	float: left;
}
				
#footer .copy li {
	background: url(http://flashcreation.net/css/images/icon_white.jpg) no-repeat left top;
	display: inline;
	padding-right: 1em;
	font-size:10px;
}


#footer .copy li a:link, #footer .copy li a:visited, #footer .copy li a:active {
	color: #ffffff;
	text-decoration: underline;
}

#footer .copy li a:hover {
	color: #2D75C1;
	text-decoration: none;
}
					
#footer .copy p {
	color: #FFF;
}
					
#footer .copy p.company {
	text-align: center;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	clear: both;
}

/* reset */
.bottom-5 {
margin-bottom:5px;
}

.bottom-10 {
margin-bottom:10px;
}

.bottom-20 {
margin-bottom:20px;
}

.bottom-30 {
margin-bottom:30px;
}

.bottom-40 {
margin-bottom:40px;
}

.bottom-50 {
margin-bottom:50px;
}

.top-5 {
margin-top:5px;
}

.top-10 {
margin-top:10px;
}

.top-20 {
margin-top:20px;
}

.top-30 {
margin-top:30px;
}

.top-40 {
	margin-top:40px;
}

.top-50 {
	margin-top:50px;
}

.right-5 {
margin-right:5px;
}

.right-10 {
margin-right:10px;
}

.right-20 {
margin-right:20px;
}

.right-30 {
margin-right:30px;
}

.right-40 {
margin-right:40px;
}

.right-50 {
margin-right:50px;
}

.left-5 {
margin-left:5px;
}

.left-10 {
margin-left:10px;
}

.left-20 {
margin-left:20px;
}

.left-30 {
margin-left:30px;
}

.left-40 {
margin-left:40px;
}

.left-50 {
margin-left:50px;
}

.box-10 {
	margin-left:10px; margin-right:10px;
}


.box-20 {
	margin-left:20px; margin-right:20px;
}

.box-30 {
	margin-left:30px; margin-right:30px;
}

.box-gray {
	background-color:#ccc;
	padding:5px;
}

/* mobile flash */

.page_subtitle2 {
	padding:10px;
	background-color: #BFC897;
	border: 1px solid #4C822E;
}

ul#mobileFlashList {
	display:block;
	width:620px;
	margin:20px auto 0 auto;
}

ul#mobileFlashList li.left{
	width:298px;
	float:left;
	margin-bottom:20px;
}

ul#mobileFlashList li.right{
	width:298px;
	float:right;
	margin-bottom:20px;
}

.mobileFlashLeft {
	width:240px;
	float:left;
	font-size:0.9em;
}

.mobileFlashRight {
	width:380px;
	float:right;
}

h3.mobileFlashTitle {
	color: #fff;
	background-color: #194F85;
	padding:10px;	
}

ul.mobileFlashlist li{
	font-size:0.9em;
	padding:0 0 5px 20px; margin:0 0 5px 0;
	background-image: url(http://flashcreation.net/img/list.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCC;
}

h3.mobileFlashPrice {
	padding:10px;
	background-color: #BAD3EF;
	border: 1px solid #2D75C1;
}

dl#mobileFlashPrice dt {
	color:#333; font-weight:normal;
}

dl#mobileFlashPrice dd {
	color:#FF6600;
	font-weight:bold;
	font-size:1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

dl#mobiles dt {
	color:#333; 
}

dl#mobiles dd {
	float:left;
	margin:0 10px 0 0;
} 
