﻿/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
border-collapse:collapse;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
font-size:small;
}

.ContentPane  { 
font-size:small;
width:660px;
text-align:center;
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
font-size:small;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
font-size:small;
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
text-align:center;
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}


/* setting by M's Marketing Services Co., Ltd. */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0; 
padding: 0; 
}

h1 img {
margin: 0; 
padding: 0; 
}

h2 {
	font-size:120%;
	background-image:url(/home/Portals/0/ah2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	color:#ffff66;
	text-align:left;
	font-weight: normal;
	margin: 0px 12px 0px 12px;
	padding: 15px 0px 10px 70px;
}
.taishin h2 {
	background-image:url(/webapp/Portals/0/h2-taishin.jpg)
}
.kaishu h2 {
background-image:url(/webapp/Portals/0/h2-kaishu.jpg); 
}
.gyosha h2 {
background-image:url(/webapp/Portals/0/h2-gyosha.jpg); 
}
.yugu h2 {
background-image:url(/webapp/Portals/0/h2-yugu.jpg); 
}

h3 {
font-size: 110%;
margin:  20px 12px 0px 12px; 
padding: 8px 0px 6px 0px; 
vertical-align:top;
background-image:url(/webapp/Portals/0//h3.gif); 
background-position: left bottom;
background-repeat:no-repeat;
text-align:left;
}
h3.first {
margin:  0px 12px 0px 12px; 
}
.kaishu h3 {
background-image:url(/webapp/Portals/0/h3-kaishu.gif); 
}
h4 {
font-size: 150%;
font-weight:bold;
margin:  0px 12px 0px 12px; 
padding: 6px 0px 2px 20px; 
background-image:url(/webapp/Portals/0/h4.gif); 
background-position: left middle;
background-repeat:no-repeat;
text-align:left;
}
.joho h4 {
font-size: 150%;
font-weight:bold;
margin:  5px 12px 0px 12px; 
padding: 0px 0px 0px 20px; 
background-image:url(/webapp/Portals/0/h4.gif); 
background-position: left top;
background-repeat:no-repeat;
text-align:left;
}

h5 {
font-size: 100%;
background-repeat:no-repeat;
margin:  0px 12px 0px 12px; 
padding: 4px 0px;
border-top: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
}

h6 {
font-size: 92%;
background-repeat:no-repeat;
}

.remarks{
	font-size:90%;
	font-weight:normal;
}

pre {
margin: 0px 6px 0px 0px; 
padding: 0.5em 10px;
border: 1px dotted #aaa;
width: 90%;
overflow: scroll;
color: #333;
background-color: #f5f5f5;
font-family: monospace;
}


pre[title]::before {
margin-bottom: 0.8em;
padding: 0 10px;
display: block; 
content: attr(title);
color: #000;
background-color: #fff;
}

blockquote {
margin: 1.5em 10px;
padding: 3px; 
border: 2px dotted #eee;
background-color: #fff;
}

blockquote * {
color: #666;
}

blockquote[title]:before {
margin: 2px 6px 1em 2px;
padding: 0.1em 16px;
display: block;
content: attr(title); 
background-color: #f5f5f5; 
}

blockquote[cite]:after {
padding: 0.8em 20px;
display: block; 
content: attr(cite);
color: #333;
text-align: right;
}

cite {
display: block;
color: #333;
text-align: right;
}

em {
font-weight: bold;
}

strong {
color: #2da470;
}

code {
font-family: monospace;
}

abbr,
acronym {
border-bottom: 1px dotted #aaa;
cursor: help;
}

kbd {
border: 1px solid #ccc;
padding: 0 0.3em; 
background-color: #f5f5f5;
font-family: monospace;
}

/* CONTENTPANE
================================================ */


.CPContainers{
width:660px;
font-size:100%;
margin-bottom:5px;
margin-top:5px;
text-align:left;
}

/* LEFTPANE
================================================ */
.leftBoxes {
width:200px;
margin-top:0px;
margin-bottom:0px;
background-color:#ffffff;
text-align:center;
line-height:1em;
}

.listLinks {
list-style:none outside;
margin-left:0px;
margin-top:0px;
}

#LeftPane li {
list-style:none outside;
margin-bottom:5px;
}






#header-menu {
  padding: 2px;
  font-size:x-small;
  font-weight:normal;
  color:black;
  vertical-align:middle;
  padding-top:5px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	background-color: Transparent;
	vertical-align:text-top;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color:black; 
	font-size: 9pt; 
	font-weight:normal; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color:black; 
	font-size: 80%; /*menu font-size */
	font-weight:bolder; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
    padding: 5px 3px 0px 3px;   /*dev: fixed!*/
	border-left:2px black solid; /* border on menu */
}

.main_dnnmenu_itemhover {  
	background-color: #fff7ee; /* apply when mouseover main menu */
}

.main_dnnmenu_itemhover td {  
	background-color: #ffdab5; /* apply when mouseover sub menu */
}

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #fff7ee;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* added on 090306 */
#dnn_ContentPane .explanation {
	border-spacing: 2px;
}
#dnn_ContentPane .taishin-kun tr th {
	text-align: left;
	width: 150px;
	background-color:#FFC;
}
#dnn_ContentPane .taishin-kun tr td {
	text-align: left;
	width: 480px;
	padding-right:20px;
	background-color:#FFC;
}
#dnn_ContentPane .explanation tr th {
	text-align: left;
	padding:6px 6px 6px 20px;
	width: 115px;
	background-color:#C1DEF7;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}
#dnn_ContentPane .explanation tr td {
	text-align: left;
	width: 475px;
	padding:6px 6px 6px 10px;
	background-color:#FFC;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}
#dnn_ContentPane .contact tr th {
	text-align: left;
	padding:10px 0px 2px 0px;
	border-right:none;
	border-bottom:none;
}
#dnn_ContentPane .contact tr td {
	text-align: left;
	padding:6px 4px 6px 10px;
	border-right:none;
	border-bottom:none;
}
#dnn_ContentPane .contact tr td.basho {
	width: 195px;
	background-color:#FFC;
}
#dnn_ContentPane .contact tr td.jusho {
	width: 405px;
	background-color:#FFFFE9;
}
img.rightpos {
	float: right;
	padding-left: 15px;
	padding-right: 12px;
}
.clear{
	clear:both;
}
strong {
	color: #900;
	font-weight: bold;
}
/* end of added on 090306 */ 

/* added on 090309 for navi button */
p.taishin-Nav{
text-align:center;
background-image:url(/webapp/Portals/0/taishinImg01_naviBack.gif);
background-repeat:no-repeat;
background-position:center middle;
padding:0;
margin:0px 0px 0px 42px ;
}

.flowIntro {
font-size:small;
text-align:left;
width:90%;
}

table td p {
	padding-left: 0px;
	padding-top: 0px;
}
table td{
	vertical-align:top;
}
img.rightpos {
	float: right;
	padding-left: 15px;
	padding-right: 12px;
}
img.leftpos {
	float: left;
	padding-left: 0px;
	padding-right: 12px;
}
.clear{
	clear:both;
}

/*  リフォーム情報*/
.joho p{
	padding-left:42px;
	padding-top:0px;
}
p.taishin-Nav{
	text-align:center;
	background-image:url(../img/taishinImg01_naviBack.gif);
	background-repeat:no-repeat;
	background-position:center middle;
	padding:0;
	margin:0px 0px 0px 42px ;
}
.kaishu dl,.gyosha dl,.yugu dl{
	margin:0px;
	padding:0px;
}
.kaishu dt,.gyosha dt,.yugu dt{
	margin:0px 27px;
	padding:1px 0px;
	font-weight:bold;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
}
.kaishu dd,.gyosha dd,.yugu dd{
	margin:5px 27px 10px 51px;
	padding:0px;
}
.yugu dd ul{
	margin:0px 0px 0px 12px;
	padding:0px;
}
.kaishu ul{
	margin:0px 60px;
	padding:1px 0px;
}
.kaishu td{
	margin:0px;
	padding:2px 0px;
}
.gyosha table {
	background-color: #EEE;
}
.gyosha table th{
	font-size:large;
	text-align:center;
	text-decoration:underline;
	padding:40px 0px 10px 0px;
}
.gyosha table td{
	padding:30px 40px;
}
.gyosha table td li{
	padding:15px 0px;
	line-height:120%;
}
.gyosha p a.Oui{
	font-size:14px;
	color:#900;
	text-decoration:none;
}
.gyosha p a.Non{
	font-size:14px;
	color:#039;
	text-decoration:none;
}
.td_center{
text-align:center;
vertical-align:middle;
}

table.organization  {
border-spacing: 2px;
text-align: left;
vertical-align:middle;
}
table.organization td {
vertical-align:middle;
text-align:center;
}
.organization tr th {
	border-collapse: separate;
	padding:6px;
	white-space:nowrap;
	vertical-align:top;
	background-color:#C1DEF7;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}
.organization tr td {
	text-align: left;
	padding:6px 6px 6px 10px;
	background-color:#FFC;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}
.organization.newStyle1{
	background-color:blue;
}
table.shokai {
	background-color: #fff;
}
table.shokai th{
	padding:0px;
	border:#999 solid 2px;
}
table.shokai th.allow{
	padding:2px 0px;
	border:none;
}
table.shokai td.ex{
	padding:10px 4px 10px 10px;
	border-bottom:#999 dotted 1px;
}
table.shokai td ul{
margin:0px 24px;
padding:0px 0px 10px 0px;
}
table.shokai td li{
	margin:0px 12px;
	padding:5px 0px;
	line-height:120%;
}
table.sodan {
	padding: 6px 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 27px;
}
table.sodan tr th {
	vertical-align: top;
	white-space: nowrap;
}
table.sodan caption {
	color: #900;
	font-weight:bold;
	text-align: left;
}
p.att{
	background-color:#FFC;
	margin:0px 27px;
	padding:12px;
}

.td_center{
text-align:center;
}

