@charset "euc-jp";

/* --------------------------------------------------------------------
	Copyright 2009 Netowl corporation
	netowl login & member tool base.css
/* -------------------------------------------------------------------- */

#tmp_menu {
	border : 1px solid #ccc ;
	width : 200px ;
	padding : 10px ;
	position : absolute ;
	top : 300px ;
	right : 10px ;
}

* {
	margin : 0 ;
	padding : 0 ;
	font-size : 100% ;
}

body {
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	font-size : 75% ;
	text-align : center ;
	color : #333 ;
	line-height : 1.4 ;
}

ul, li {
	list-style : none ;
}

a img {
	border : none ;
}

a {
	outline : none ;
	text-decoration : none ;
}


#header_menu_wrapper {
	border-bottom : 1px solid #ccc ;
	position : relative ;
	height : 27px ;
	margin-bottom : 18px ;
}

/* --------------------------------------------------------------------
	common style
/* -------------------------------------------------------------------- */

.dot_line_x {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}

.dot_line_y {
	background : url(../images/common/dot_line_y.gif) right top repeat-y ;
}

.assist {
	font-size : 90% ;
}

.inner {
	padding : 0 15px ;
}

.button_box {
	text-align : center ;
}

.border_box {
	padding : 15px ;
	border : 1px solid #ccc ;
}

.no_border {
	border: none !important;
}

.no_margin {
	margin : 0 !important;
}

.no_padding {
	padding : 0 !important;
}

.indent_ajust {
	padding-left : 1em ;
	text-indent : -1em ;
}

.right {
	float : right ;
}

.left {
	float : left ;
}

/*img.right {
	margin-left : 15px ;
	margin-bottom : 15px ;
}

img.left {
	margin-right : 15px ;
	margin-bottom : 15px ;
}*/

.clear_all {
	clear : both ;
}

.clear_l {
	claer : left ;
}

.clear_r {
	claer : right ;
}

/* Clearfix */
.clear { clear: both; }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.text-center {
	text-align : center ;
}

.text-left {
	text-align : left ;
}

.text-right {
	text-align : right ;
}

.text-through {
	text-decoration : line-through ;
}

/*文字カラークラス*/

.red {
	color : red ;
}

.orange {
	color : orange ;
}

/*背景カラークラス*/

.green_bg {
	background-color : #cde2e5 ;
}

/*マージントップクラス*/

.mt5 {
	margin-top : 5px ;
}

.mt10 {
	margin-top : 10px ;
}

.mt15 {
	margin-top : 15px ;
}

.mt20 {
	margin-top : 20px ;
}

.mt25 {
	margin-top : 25px ;
}

.mt30 {
	margin-top : 30px ;
}

/*マージンレフト-クラス*/

.ml5 {
	margin-left : 5px ;
}

.ml10 {
	margin-left : 10px ;
}

.ml15 {
	margin-left : 15px ;
}

.ml20 {
	margin-left : 20px ;
}

.ml25 {
	margin-left : 25px ;
}

.ml30 {
	margin-left : 30px ;
}

/*マージンライトクラス*/

.mr5 {
	margin-right : 5px ;
}

.mr10 {
	margin-right : 10px ;
}

.mr15 {
	margin-right : 15px ;
}

.mr20 {
	margin-right : 20px ;
}

.mr25 {
	margin-right : 25px ;
}

.mr30 {
	margin-right : 30px ;
}

/*マージンボトムクラス*/

.mb5 {
	margin-bottom : 5px ;
}

.mb10 {
	margin-bottom : 10px ;
}

.mb15 {
	margin-bottom : 15px ;
}

.mb20 {
	margin-bottom : 20px ;
}

.mb25 {
	margin-bottom : 25px ;
}

.mb30 {
	margin-bottom : 30px ;
}


/*パディングトップクラス*/

.pt5 {
	padding-top : 5px ;
}

.pt10 {
	padding-top : 10px ;
}

.pt15 {
	padding-top : 15px ;
}

.pt20 {
	padding-top : 20px ;
}

.pt25 {
	padding-top : 25px ;
}

.pt30 {
	padding-top : 30px ;
}

/*パディングレフトクラス*/

.pl5 {
	padding-left : 5px ;
}

.pl10 {
	padding-left : 10px ;
}

.pl15 {
	padding-left : 15px ;
}

.pl20 {
	padding-left : 20px ;
}

.pl25 {
	padding-left : 25px ;
}

.pl30 {
	padding-left : 30px ;
}

/*パディングライトクラス*/

.pr5 {
	padding-right : 5px ;
}

.pr10 {
	padding-right : 10px ;
}

.pr15 {
	padding-right : 15px ;
}

.pr20 {
	padding-right : 20px ;
}

.pr25 {
	padding-right : 25px ;
}

.pr30 {
	padding-right : 30px ;
}

/*パディングボトムクラス*/

.pb5 {
	padding-bottom : 5px ;
}

.pb10 {
	padding-bottom : 10px ;
}

.pb15 {
	padding-bottom : 15px ;
}

.pb20 {
	padding-bottom : 20px ;
}

.pb25 {
	padding-bottom : 25px ;
}

.pb30 {
	padding-bottom : 30px ;
}


/* --------------------------------------------------------------------
	select_navi
/* -------------------------------------------------------------------- */

/*#select_navi {
	float : right ;
	margin : 4px 10px 0 0 ;
	padding : 0 ;
}

#select_navi form {
	margin : 0 ;
	padding : 0 ;
	display : inline ;
}

#select_navi select {
	display : inline ;
}

#select_navi optgroup {
	font-style : normal ;
	font-weight : bold ;
}

#select_navi option {
	margin-left : 6px ;
}*/


#header_menu {
	width : 100% !important;
	position : relative ;
}

#header_menu_table {
	width : 100% !important;
	white-space : nowrap ;
	height : 27px ;
	border-bottom : 1px solid #ccc ;
	padding : 0 ;
	margin : 0 0 18px 0 ;
}

/* --------------------------------------------------------------------
	tool_links
/* -------------------------------------------------------------------- */

#home_button_td {
	width : 145px ;
	height : 27px ;
}

#tool_links_td {
	height : 27px ;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1; width : 178px ; height : 27px ; text-align : left ; color : #333 ; }
ul.dropdown li.dropbutton			{ position : relative ;}
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; height : 27px ; width : 178px ; line-height : 27px ; color : #333 ; margin-bottom : 1px ; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li a:hover              { background: #ffeccc ; color: #333 ; position: relative; }
ul.dropdown li.hover a              { color: #333 ; }

ul.dropdown li.category_title {
	background : #6a6a6a ;
	font-weight: bold !important;
	zoom: 1 ;
	width : 166px ;
	height : 27px ;
	text-align : left ;
	color : #fff !important;
	padding : 0 6px ;
	line-height : 27px ;
}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #dedede ; 
									  margin-bottom : 1px ; float: none; color : #333 ;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 158px ; display: inline-block; padding : 0 10px ; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 179px ; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* --------------------------------------------------------------------
	header_point
/* -------------------------------------------------------------------- */

#header_point_td {
	height : 27px ;
	width : 180px ;
}

#header_point {
	width : 180px ;
}

#header_point h3 {
	width : 85px ;
	height : 26px ;
	float : left ;
	background : url(../images/member/header_point_h.png) 0 0 no-repeat ;
	text-indent : -9999px ;
	overflow : hidden ;
	margin : 1px 5px 0 0 ;
}

#header_point p {
	clear : right ;
	text-align : left ;
	line-height : 25px ;
}

#header_point p strong {
	color : orange ;
	font-size : 125% ;
	padding : 0 5px ;
}


/* --------------------------------------------------------------------
	user_service_navi
/* -------------------------------------------------------------------- */

#user_service_navi {
	text-align : right ;
	position : absolute ; 
	right : 0 ;
	top : 0 ;
	z-index: 5 ;
}

#user_service_navi li {
	display : block ;
	float : left ;
	height : 21px ;
	line-height : 21px ;
	padding : 0px 5px ;
	margin : 3px 0 ;
	border-right : 1px solid #ccc ;
}

#user_service_navi_inner {
	float : right ;
}

#user_service_navi li.list_end {
	border-right : none ;
}

#user_service_navi strong {
	color : #333 ;
}

#user_service_navi #sitelink_pulldown {
	text-align : right ;
}

#user_service_navi li a.menu {
    display: block;
	margin-bottom : 2px ;
}

#user_service_navi .submenu {
	visibility : hidden ;
	line-height : 12px ;
	text-align : center ;
	padding-top : 3px ;
	margin-right : -12px ;
}

#user_service_navi .submenu a {
	display: block ;
	text-align: left;
	text-decoration: none;
	padding: 6px ;
	background : #444 ;
	color: #fff;
	margin-bottom : 1px ;
}

#user_service_navi .submenu a:hover {
	background: #999 ;
	color: #FFF;
}


/* --------------------------------------------------------------------
	service_navi
/* -------------------------------------------------------------------- */

#service_navi {
	position : absolute ;
	top : 5px ;
	right : 8px ;
}

#service_navi li {
	display : inline ;
	padding : 2px 5px ;
	border-right : 1px solid #ccc ;
}

#service_navi li.list_end {
	border-right : none ;
}


/* --------------------------------------------------------------------
	header
/* -------------------------------------------------------------------- */

#header {
	width : 800px ;
	margin : 0 auto ;
	height : 58px ;
	border-bottom : 5px solid #b3b3b3 ;
}

#header h1#logo {
	width : 214px ;
	height : 53px ;
	float : left ;
	text-indent : -9999px ;
	oevrflow : hidden ;
}

#header h1#logo a {
	width : 214px ;
	height : 53px ;
	display : block ;
	background : url(../images/common/netowl_logo.png) 0 0 no-repeat ;
}

#header h2 {
	float : left ;
	font-size : 18px ;
	color : #003161 ;
	margin : 18px 0 0 15px ;
}

#member_id {
	float : right ;
	font-size : 12px ;
	margin : 18px 0 0 0 ; 
}

#member_id .member_name {
	font-weight : bold ;
	color : #ff8000 ;
	font-size : 14px ;
	margin : 0 5px ;
}

/*#header #help_link {
	padding : 10px 0 10px 24px ;
	font-size : 12px ;
	background : url(../images/common/help_marker.png) left center no-repeat ;
	position : absolute ;
	top : 6px ;
	right : 30px ;
}

#header #logout_button {
	width : 96px ;
	height : 25px ;
	text-indent : -9999px ;
	overflow : hidden ;
	position : absolute ;
	top : 45px ;
	right : 20px ;
}

#header #logout_button a {
	display : block ;
	width : 96px ;
	height : 25px ;
	background-image : url(../images/member/user_logout_button.png) ;
	background-repeat : no-repeat ;
}

#header #logout_button a:hover {
	background-position : 0 -25px ;
}*/


/* --------------------------------------------------------------------
	header(サービスリスト用)
/* -------------------------------------------------------------------- */

#service_list_header {
	width : 1000px ;
	margin : 0 auto ;
	height : 58px ;
	border-bottom : 5px solid #b3b3b3 ;
}

#service_list_header h1#logo {
	width : 214px ;
	height : 53px ;
	float : left ;
	text-indent : -9999px ;
	oevrflow : hidden ;
}

#service_list_header h1#logo a {
	width : 214px ;
	height : 53px ;
	display : block ;
	background : url(../images/common/netowl_logo.png) 0 0 no-repeat ;
}

#service_list_header h2 {
	float : left ;
	font-size : 18px ;
	color : #003161 ;
	margin : 18px 0 0 15px ;
}



/* --------------------------------------------------------------------
	contents
/* -------------------------------------------------------------------- */

#contents_wrapper {
	width : 800px ;
	margin : 0 auto ;
	background : url(../images/member/side_navi_bg.png) 0 0 repeat-y ;
	min-height : 450px ;
	height : auto ; !important
	height : 450px ;
	text-align : left ;
	overflow : auto ;
}

#sub_contents {
	width : 150px ;
	float : left ;
	padding : 0 0 20px ;
}

#main {
	width : 590px ;
	float : right ;
	padding : 18px 0 18px 20px ;
}


/* --------------------------------------------------------------------
	contents(サービスリスト用)
/* -------------------------------------------------------------------- */

#service_list_wrapper {
	width : 1000px ;
	margin : 0 auto ;
	background : url(../images/member/side_navi_bg.png) 0 0 repeat-y ;
	min-height : 450px ;
	height : auto ; !important
	height : 450px ;
	text-align : left ;
	overflow : auto ;
}

#service_list_wrapper #sub_contents {
	width : 190px ;
	float : left ;
}

#service_list_wrapper #main {
	width : 790px ;
	float : right ;
	padding : 18px 0 18px 20px ;
}



/* --------------------------------------------------------------------
	sub_contents
/* -------------------------------------------------------------------- */

#sub_contents h3 {
	padding : 5px 10px ;
	font-size : 120% ;
	margin-bottom : 12px ;
	width : 170px ;
	background : #bbe1e8 ;
	border-bottom : 1px solid #999 ;
}

#sub_contents .menu_list {
	margin : 0 15px 10px ;
	width : 160px ;
}

#sub_contents .menu_list li {
	background : url(../images/common/dashed_line_bg.gif) left bottom repeat-x ;
	margin-bottom : 12px ;
	font-size : 12px ;
	font-weight : bold ;
	padding : 0 0 10px 0 ;
}

#sub_contents .menu_list li a {
	display : block ;
	background : url(../images/member/global_navi_marker.png) left center no-repeat ;
	padding : 0 0 0 20px ;
}

/* --------------------------------------------------------------------
	footer
/* -------------------------------------------------------------------- */

#footer {
	clear : both ;
	border-top : 1px solid #b3b3b3 ;
	background : url(../images/common/footer_bg.png) left bottom repeat-x ;
	margin-bottom : 30px ;
}

#footer #footer_menu {
	width : 800px ;
	margin : 0 auto 15px ;
	padding-top : 15px ;
}

#footer #footer_menu li {
	display : inline ;
	font-size : 12px ;
	line-height : 1.4 ;
	padding : 3px 6px 3px 21px ;
	border-right : 1px solid #ccc ;
	background : url(../images/common/footer_navi_marker.png) 5px center no-repeat ;
}

#footer #footer_menu li.list_end {
	border-right : none ;
}

#footer address {
	margin-bottom : 10px ;
	font-style : normal ;
}


#footer #footer_service_list {
	background : url(../images/common/dashed_line_bg.gif) 0 0 repeat-x ;
	width : 780px ;
	margin : 0 auto ;
	padding : 10px 10px 12px ;
	min-height : 94px ;
	height : auto !important;
	height : 94px ;
}

#footer #footer_service_list dt {
	width : 120px ;
	float : left ;
	clear : both ;
	text-align : left ;
}

#footer #footer_service_list dd {
	width : 660px ;
	float : left ;
	text-align : left ;
}


#footer #footer_service_list li {
	display : inline ;
	margin : 0 12px 0 0 ;
}

#footer #footer_service_list li img {
	vertical-align : middle ;
}


/*
#footer #footer_service_list {
	background : url(../images/common/dashed_line_bg.gif) 0 0 repeat-x ;
	width : 648px ;
	margin : 0 auto ;
	padding : 10px 128px 20px ;
	height : 1% ;
	overflow : auto ;
}

#footer #footer_service_list li {
	height : 22px ;
	float : left ;
	margin : 0 12px 0 0 ;
}

#footer #footer_service_list li.list_end {
	margin : 0 ;
}

#footer #footer_service_list li a {
	display : block ;
	height : 22px ;
	text-indent : -9999px ;
	overflow : hidden ;
}

#footer #footer_service_list li#service_list_minibird a {
	width : 93px ;
	background-image : url(../images/member/footer_service_list_minibird.png) ;
}

#footer #footer_service_list li#service_list_firebird a {
	width : 87px ;
	background-image : url(../images/member/footer_service_list_firebird.png) ;
}

#footer #footer_service_list li#service_list_clouver a {
	width : 90px ;
	background-image : url(../images/member/footer_service_list_clouver.png) ;
}

#footer #footer_service_list li#service_list_stardomain a {
	width : 104px ;
	background-image : url(../images/member/footer_service_list_stardomain.png) ;
}

#footer #footer_service_list li#service_list_sslbox a {
	width : 90px ;
	background-image : url(../images/member/footer_service_list_sslbox.png) ;
}

#footer #footer_service_list li#service_list_webcrow a {
	width : 112px ;
	background-image : url(../images/member/footer_service_list_webcrow.png) ;
}
*/


#pass_form_footer {
	clear : both ;
	margin-bottom : 30px ;
	float : left ;
	width : 100% ;
}

#pass_form_footer .inner {
    padding: 0;
    margin : 0 auto;
}

#pass_form_footer .left_container {
    padding: 10px 0;
    background: #ededed;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    text-align: center;
}

#pass_form_footer .right_container {
	float : right ; 
	width : 115px ;
	margin-bottom : 15px ;
}

.siteseal {
    width: 490px;
    margin: 0 auto;
    padding: 15px 0;
}
.siteseal_img {
    width: 130px;
    height: 50px;
    float: left;
}
.siteseal_txt {
    width: 350px;
    padding-top: 10px;
    margin-left: 10px;
    float: left;
    text-align: left;
}

#pass_form_footer #verisign_seal {
	height : 85px ;
}

#pass_form_footer #footer_menu { margin : 0 auto ; }

#pass_form_footer #footer_menu li {
	display : inline ;
	font-size : 12px ;
	line-height : 1.8 ;
	padding : 3px 6px 3px 21px ;
	border-right : 1px solid #ccc ;
	background : url(../images/common/footer_navi_marker.png) 5px center no-repeat ;
}

#pass_form_footer #footer_menu li.list_end {
	border-right : none ;
}

#pass_form_footer address {
	font-style : normal ;
	padding : 10px 0;
	text-transform:capitalize ;
    border-top: 1px solid #c2c2c2;
}