@charset "utf-8";

/*
	Last Modified:	2010/02/23 by ss
*/

/*	=ブラウザスタイルリセット(要素毎に指定に変更の必要)
------------------------------------------------------------- */
@import url("reset.css");


/*	=clearfix
------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* main stylesheet ends, CC with new stylesheet below... */

/* [if IE] */
.clearfix {
	zoom: 1;	/* triggers hasLayout */
	display: block;	/* resets display for IE/Win */
}	/* Only IE can see inside the conditional comment
	and read this CSS rule. Don't ever use a normal HTML
	comment inside the CC or it will close prematurely. */
/* [endif] */



/*	=全体的なルール
------------------------------------------------------------- */
body {
	line-height:1.4;	/* defult */
	color: #333;	/* defult */
	font-family: verdana, Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;	/* defult */
	font-size:0.9em;	/* defult */

/*	background-color: whitesmoke;	*/
	background-color: gainsboro;

/*	background-image:url(images/body-bg.gif);	*/
/*	background-repeat:repeat-y;	*/
/*	background-position:660px 0;	*/
/*	background-position:773px 0;	*/
/*	text-align: center;*/	/* wrapの中央寄せ追加 IE6用 その1 */
}

strong {
	font-weight: bold;
}

#wrap {
	margin-left: 0;
	margin-right: auto;
	padding: 0 20px 20px 20px;
	width: 955px;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	background-color: #ffffff;
}

blockquote {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

/*	==リンクの仕方
------------------------------------------------------------- */
a { text-decoration:none }
a:link { color:#E57A00; }
a:visited { color:#c90; }
a:hover { color:#90CB00; }
a:active { color:#D7FA99; }

/* posttitle のリンク色 */
a.postlink { text-decoration:none }
a.postlink:link { color:#00cc00; }
a.postlink:visited { color:#00cc00; }
a.postlink:hover { color:#90CB00; }
a.postlink:active { color:#D7FA99; }


/*	=header
------------------------------------------------------------- */
/* start of clearfix header
------------------------------- */
#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header {display: inline-block;}

#header {
	zoom: 1;
	display: block;
}
/* end of clearfix header
------------------------------- */

#header h1 {
	display: inline;
	float: left;
}

#CrescentLogo {
	display: inline;
	float: right;
}


/*	=visitinfo
------------------------------------------------------------- */
#visitinfo {
	float: right;
	font-size: 80%;
	margin-bottom: 20px;
}


/*	=menubar
------------------------------------------------------------- */
#navi {
	clear: both;
	float: right;
	width: 280px;
	margin-left: 20px;
}

#navi ul {
	padding-left: 15px;
	line-height: 1.4em;
	border-left: solid 5px #cccccc;
}



/*	=content
------------------------------------------------------------- */
#content {
	float: left;
	width: 650px;
}


/*	=lead
------------------------------------------------------------- */
#lead {
	clear: both;
}

#lead p:first-letter {
	color: royalblue;
	font-weight: bold;
	font-size: 200%;
}


/*	=menu
------------------------------------------------------------- */
#menu {
	margin-top: 30px;
}

#menu dl {
	line-height: 130%;
	padding-left: 5px;
	border-left: solid 5px #cccccc;
}

#menu dt {
	font-size: 120%;
	font-weight: bold;
	border-bottom: dotted 1px #cccccc;
	margin-top: 1em;
}

#menu dd {
	margin-top: 0em;
	margin-bottom: 10px;
	margin-left: 0em;
	padding: 1em;
}


/*	=notice
------------------------------------------------------------- */
.notice {
	margin: 30px 0 30px 0;
	border: solid 1px gainsboro;
	background-color: gainsboro;
}

.notice h3 {
	color: red;
	font-weight: bold;
	background-color: #999;
}

.notice ul {
	list-style-type: decimal;
	list-style-position: inside;
}

.notice h3,li {
	padding: 5px 5px;
	font-size: 80%;
}


/*	=app-guide
------------------------------------------------------------ */
#app-guide #header h1 {
	margin-top: 20px;
	color: mediumblue;
	font-weight: bold;
	font-size: 130%;
}

#app-guide h2 {
	border-bottom: dotted 1px;
	font-size: 130%;
	padding-left: 5px;
}
#app-guide h2:first-letter {
	color: royalblue;
	font-weight: bold;
	font-size: 200%;
}

#app-guide h3 {
	background-color: gainsboro;
	padding: 3px;
	font-weight: bold;
	border-bottom: solid 1px #999;
	border-left: solid 3px #999;
}

#app-guide #lead2 {
	margin-bottom: 80px;
}

#app-guide .con {
	margin: 30px 0 10px 0;
}

#app-guide .con li {
	font-size: 100%;
	font-weight: bold;
}


/* start of clearfix ul
------------------------------- */
#app-guide ul.nittei:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#app-guide ul.nittei {display: inline-block;}

#app-guide ul.nittei {
	zoom: 1;
	display: block;
}
/* end of clearfix header
------------------------------- */

/* #app-guide .nittei li {
	display: inline;
	float: left;
} */
#app-guide .nittei li {
	margin-left: 50px;
	list-style-type: decimal;
}

decimal

#app-guide dl {
	margin-left: 10px;
}

#app-guide dt {
	margin-top: 5px;
	font-weight: bold;
}

#app-guide dd {
	margin-left: 10px;
}


/*	=flow
------------------------------------------------------------ */
#flow #header h1 {
	margin-top: 20px;
	color: mediumblue;
	font-weight: bold;
	font-size: 130%;
}

#flow h2 {
	border-bottom: dotted 1px;
	font-size: 130%;
	padding-left: 5px;
}
#flow h2:first-letter {
	color: royalblue;
	font-weight: bold;
	font-size: 200%;
}

#flow h3 {
	background-color: gainsboro;
	padding: 3px;
	font-weight: bold;
	border-bottom: solid 1px #999;
	border-left: solid 3px #999;
}

#flow #lead2 {
	margin-bottom: 80px;
}

#flow .con {
	margin: 30px 0 10px 0;
}

#flow ol {
	margin: 10px 0 0 30px;
	list-style-type: decimal;
	font-size: 120%;
}


/*	=form
------------------------------------------------------------ */
.form {
	margin-bottom: 30px;
}


/*	=footer
------------------------------------------------------------- */
div#footer {
	clear:both;
	margin-top: 5px;
}

div#footer address {
	color: #008040;
	text-align: right;
	font-style: italic;
	font-size: 60%;
	padding-right: 8px;
	padding-bottom: 1px;
	margin-bottom: 5px;
	border-bottom: solid 1px #666;
}

/*	=afri
------------------------------------------------------------- */
#footer li {
	display: inline;
	list-type: none;
	margin: 0;
	padding: 10;
	font-size: 80%;
}
#footer li a {
	text-decoration: none;
	color: #999;
}


li #degits {

}

li #joyjoy {

}

li #napster {

}

li #epsondirect {

}

li #soundhouse {

li #amazon {

}

li #hokenestimate {

}