@charset "EUC-JP";
@import "/download/css/cmn.css";

/* * { border:1px solid #D0DBDD; } */
body { background-color:#fff; }
body,th,td,p,li,strong,br,img,input { font-size: 12px; font-weight:normal; line-height: 1.4; color: #000; }
a, a strong                 { color: #3079C7; text-decoration: none; }
a:link, a:link strong       { color: #3079C7; }
a:visited, a:visited strong { color: #3079C7; } 
a:hover, a:hover strong     { color: #006; text-decoration: underline; }
a:active, a:active strong   { color: #006; text-decoration: underline; }

.headLine01 { background:url('/image/arrow.gif') no-repeat 5px 7px; border-bottom:1px dotted #ccc; padding:2px 5px 2px 21px; margin-bottom:5px; }
.col { padding:5px; }

noscript{
	color:#FF0000;
	font-weight:bold;
	text-align:left;
	width:706px;
	position: absolute;
		z-index:100;
		left:238px;
		top:27px;
	}

#informationAlert {
	color:#FF0000;
	font-weight:bold;
	text-align:right;
	width:706px;
	position: absolute;
		z-index:200;
		right:20px;
		top:26px;
	}
	#informationAlert a         { color: #FF0000; text-decoration: underline; }
	#informationAlert a:link    { color: #FF0000; text-decoration: underline; }
	#informationAlert a:visited { color: #FF0000; text-decoration: underline; }
	#informationAlert a:hover   { color: #FF0000; text-decoration: none; }
	#informationAlert a:active  { color: #FF0000; text-decoration: none; }

/*________________________________________________________________________________________ master */
#wrapper {
	width: 756px;
	margin:15px auto 0 5px;
}
#header {}
	#header .left { margin-top:3px; }
		#header .left * { font-size:10px; }
		#header .left p { margin-top:2px; }
	#header h1 {
		font-size: 10px;
		font-weight:normal;
		}
#tab { margin:10px 0 5px; }
	#tab li { float:left; }
#header2 { margin:10px 3px; clear:both; overflow:visible; }
	#header2 #pan { float:left; padding-top:5px; padding-bottom:5px; }
		#header2 #pan li { float:left; }
		#header2 table { float:right; padding:5px 0; }
		#header2 table td {padding:3px; }
#contents { clear:both; }
	.contentsPadding { padding-bottom:50px; padding-left:1px; padding-right:1px; }
.commonFooter { letter-spacing:0.1em; clear:both; }
	.commonFooter, .commonFooter * { font-size:10px; text-align:center; color:#999; padding:5px 0; }
		.commonFooter a, .commonFooter a strong                 { color: #999; text-decoration: none; }
		.commonFooter a:link, .commonFooter a:link strong       { color: #999; }
		.commonFooter a:visited, .commonFooter a:visited strong { color: #999; } 
		.commonFooter a:hover, .commonFooter a:hover strong     { color: #999; text-decoration: none; }
		.commonFooter a:active, .commonFooter a:active strong   { color: #999; text-decoration: none; }
#footer1 { padding:10px; background:#f5f5f5; border-top:1px solid #ccc; }
	#footer1 * { font-size:10px; }
#footer2 { font-size:10px; padding:5px 10px; background:#D1C7F9; border-top:1px solid #999; text-align:center; }
	#footer2 * { font-size:10px; letter-spacing:0.1em; text-align:center; }
	#footer2 ul { display:inline; width:auto; }
		#footer2 li { overflow:visible; }
			#footer2 a, #footer2 a strong                 { color: #006; text-decoration: none; }
			#footer2 a:link, #footer2 a:link strong       { color: #006; }
			#footer2 a:visited, #footer2 a:visited strong { color: #006; } 
			#footer2 a:hover, #footer2 a:hover strong     { color: #006; text-decoration: none; }
			#footer2 a:active, #footer2 a:active strong   { color: #006; text-decoration: none; }
	

/*________________________________________________________________________________________ individual */
#index #contents {}
	#index #contents .col { border: solid #eee; border-width:0 1px 1px 1px; }
	#index .contentsPadding { padding-top:10px; }
	#index #contents #linkTarget { text-align:center; margin-bottom:40px; }
	#index #contents .col1 { width:516px; float:right; }
		#index #contents h2 { clear:both; height:22px; font-size:10px; margin-top:10px; }
		#index #contents .col1 .col { width:504px; }
		#index #contents .col1 .brand {}
			#index #contents .col1 .brand li { float:left; width:117px; height:63px; margin:4px; font-size:10px; }
				#index #contents .col1 .brand li img { margin-bottom:2px; }
		#index #contents .col1 .category {}
			#index #contents .col1 .category li { float:left; margin:10px; font-size:10px; }
		#index #contents .col1 .fontForm {}
			#index #contents .col1 .fontForm li * { vertical-align:top; }
			#index #contents .col1 .fontForm li { margin-bottom:5px; }			
	#index #contents .col2 { width:226px; border: 1px #eee; border-width:0 1px; float:left; }
		#index #contents h3 { clear:both; height:22px; font-size:10px; margin-top:10px; }
		#index #contents .col2 .news {}
			#index #contents .col2 .news dl dt {
				background:url('/image/arrow.gif') no-repeat 0px 5px;
				padding-left:16px;
			}
			#index #contents .col2 .news dl dd {
				margin-left:30px;
				overflow:visible;
				display:list-item;
				list-style-type: disc;
			}
		#index #contents .col2 .guide {}
			#index #contents .col2 .guide * { font-size:10px; }
			#index #contents .col2 .guide li {
				background:url('/download/font/img/topic_head.jpg') no-repeat 0px 4px;
				padding-left:15px;
				list-style-type: none;
				margin-bottom:5px;
			}
		#index #contents .col2 .category {}
			#index #contents .col2 .category dl * { line-height:1.6em; }
			#index #contents .col2 .category dl dt {
				background: no-repeat 0px 0px;
				background-image:url('/download/font/images/arrow1.gif');
				padding-left:19px;
				padding-top:1px;
				list-style-type: none;
				display:inline;
				cursor:pointer;
			}
			#index #contents .col2 .category dl dd {
				background:url('/download/font/images/arrow2.gif') no-repeat 19px 0px;
				padding-left:30px;
				list-style-type: none;
			}
	#index #contents .col3 { width:516px; float:right; }
		#index #contents .col3 .col { width:504px; }
		#index #contents .col3 .brand {}
			#index #contents .col3 .brand dl { margin-left:10px; }
				#index #contents .col3 .brand dt { padding-top:15px; width:60px; text-align:center; float:left; }
				#index #contents .col3 .brand dd  { padding-top:15px; padding-right:10px; float:left; width:170px; min-height:70px; }
		#index #contents .col3 .category {}
			#index #contents .col3 .category dl { margin-left:10px; }
				#index #contents .col3 .category dt { padding-top:15px; width:80px; text-align:center; float:left; font-weight:bold; }
				#index #contents .col3 .category dd  { padding-top:15px; padding-right:10px; float:left; width:155px; min-height:60px; }
		#index #contents .col3 .fontForm {}
			#index #contents .col3 .fontForm li * { vertical-align:top; }
			#index #contents .col3 .fontForm li { margin-bottom:5px; }
#brand {}
	#brand #contents { width:733px; margin:auto; }
	#brand .col1 { border-top:2px solid #ddd; border-bottom:3px double #ccc; padding:10px 0 5px; }
		#brand .col1 p { float:left; }
		#brand h2 { float:left; font-size:12px; font-weight:bold; margin-left:10px; }
	#brand .col2 { border:0 solid #ccc; border-width:0 1px; padding:10px 10px 5px; }
		#brand .col2 p { font-size:14px; }
	#brand h3 { margin:20px 0 10px 0; }
	#brand .col3 {}
		#brand p.topics, #brand p.topics strong { font-size:14px; font-weight:bold; color:#DA1D1D; }
		#brand p.topics { margin:3px 0 0; }
		#brand #sTab li { float:left; }
		#brand .col4 table, #brand .col5 table, #brand .col6 table,
		#brand .col4 table *, #brand .col5 table *, #brand .col6 table * { overflow: visible; }
		#brand .col4 table {
			width:730px;
			border:1px solid #666;
			border-collapse: collapse;
			empty-cells: show;
			margin-left:1px;
		}
		#brand .col5 table, #brand .col6 table {
			width:355px;
			margin-bottom:30px;
			}
			#brand .col4 table tr, #brand .col5 table tr, #brand .col6 table tr { border:1px solid #666; }
				#brand .col4 table th, #brand .col5 table th, #brand .col6 table th {
					border:1px solid #666;
					background-color:#eee;
					text-align:left;
					padding:5px;
				}
				#brand .col4 table td, #brand .col5 table td, #brand .col6 table td {
					border:1px solid #666;
					width:34px;
					text-align:center;
				}
				#brand .col4 table td.key {
					width:62px;
				}
			#brand tr.centerTh th { text-align:center; background-color:#ccc; }
			#brand .col4 td.set { width:300px; text-align:left; padding:5px; }
		#brand .col4 { padding-bottom:20px; }
		#brand h5, #brand h5 strong {
			font-size:14px;
			font-weight:bold;
			}
			#brand h5 {
			background:url('../brand/images/icon.gif') no-repeat 5px 0;
			padding:3px 0 10px 35px;
			border-bottom:1px dotted #ccc;
			}
		#brand .col4 .sample {
			background:url('../images/arrow3.gif') no-repeat 625px 0;
			text-align:right;
			}
		#brand .col5 .sample, #brand .col6 .sample {
			background:url('../images/arrow3.gif') no-repeat 250px 0;
			text-align:right;
			}
			#brand .sample, #brand .sample strong {
				font-weight:bold;
				font-size:14px;
				margin:2px 0;
				}
		#brand .col5 { float:left; }
		#brand .col6 { float:right; }
		
#search {}
	#search #header {
		background:url('/download/photo/img/serch_bar.gif') no-repeat bottom;
		height:95px;
	}

#loginFormTemp, #loginFormTemp *, #searchFont, #searchFont * { overflow:visible; }
/*________________________________________________________________________________________ tokushu */
.font_area {
	height:150px;
	padding:5px;
	border-bottom:solid #666666 1px;
}
.font_area p {
	padding:14px 5px 0 8px;;
}

/*________________________________________________________________________________________ tips */
#tips .contentsPadding { padding-left:30px; padding-right:30px; }
#tips h2 {
	background:url('/download/font/tips/images/title2.gif') no-repeat 10px 4px;
	padding:55px 0 4px 10px;
	border-left:4px solid #BC964D;
	font-size:12px;
	font-weight:normal;
	float:left;
}
#tips .tipsIndex { width:530px; margin: 25px auto 10px; clear:both; }
	#tips .tipsIndex li { margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:20px; }
		#tips .tipsIndex li .left { margin:0 20px 0 10px; }
		#tips .tipsIndex li .right { width:400px; }
#tips .entryNav { float:right; }
	#tips .entryNav dl { float:right; clear:both; width:308px; }
		#tips .entryNav dt { background:#CAB489; padding:2px 10px; float:left; }
		#tips .entryNav dd { float:right; clear:right; width:220px; background:#E9E3D5; padding:2px 10px; }
			#tips .entryNav dd a { color:#666; }
	#tips .entryNav ul { clear:both; float:right; }
	#tips .entryNav li { float:left; padding-right:5px; }
#tips .entryPager { clear:both; text-align:center; padding:20px 0 10px; }
#tips .entry { clear:both; padding:20px;  }
	#tips .title { padding-bottom:30px; }
		#tips .entry h3 { padding:10px; }
		#tips .entry .title p { padding: 0 10px; line-height:1.5; }
	#tips .entry h4 { padding:10px 0 10px; clear:both; }
	#tips .entry p.left { width:220px; margin: 0 15px; font-size:10px; margin-bottom:10px; clear:both; }
	#tips .entry p.right { width:400px; text-indent:1em; line-height:1.6; margin-bottom:15px; }

/*________________________________________________________________________________________ star */
* html #index #contents .col3 .brand dd  { height:70px; }
* html #index #contents .col3 .category dd  { height:60px; }
* html #index #contents .col1 .brand li *,
* html #index .category dl,
* html #brand .col1,
* html .listF,
* html .contentsPadding,
* html #header,
* html #footer1,
* html #footer2
	{ zoom:1; }
* html #index #contents .col1 .brand li.clear { }
/*________________________________________________________________________safari__\*/